Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with codepen

A curated list of projects in awesome lists tagged with codepen .

https://github.com/sdras/svg-workshop

Materials for SVG Essentials & Animation Course

codepen greensock gsap react svg svg-animations svg-workshop timeline

Last synced: 04 Apr 2025

https://github.com/wanglin2/code-run

一个代码在线编辑预览工具，类似codepen、jsbin、jsfiddle等。

code code-editor codepen editor javascript jsbin vue

Last synced: 04 Apr 2025

https://github.com/workeffortwaste/gsap-video-export

Expertly and easily export GreenSock (GSAP) animation to video.

animation codepen greensock gsap video

Last synced: 16 May 2025

https://github.com/sgratzl/d3tutorial

📊📈 A D3 v7 tutorial - interactive bar chart and multiple coordinated views (MCV)

barchart codepen css d3 d3-js d3js d3v4 d3v5 d3v6 d3v7 data-join html javascript mcv multiple-coordinated-view svg tutorial typescript

Last synced: 06 Apr 2025

https://github.com/spences10/sveltekit-embed

SvelteKit embed components

codepen deezer embed spotify svelte youtube

Last synced: 13 Apr 2025

https://github.com/kunukn/react-collapse

Component-wrapper for collapse animation with CSS for elements with variable and dynamic height

accordion codepen codesandbox collapsible css-transition react

Last synced: 12 Apr 2025

https://github.com/thesephist/codeframe

The fastest, easiest way to build and deploy quick static webpages

codepen development-environment frontend learn-to-code torus-dom

Last synced: 12 May 2025

https://github.com/RameshAditya/ducky

Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.

chrome chrome-extension codepen css css3 debug debugging debugging-tool development duck github html html5 javascript productivity reddit rubber-ducky stackoverflow

Last synced: 24 Jul 2025

https://github.com/rameshaditya/ducky

Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.

chrome chrome-extension codepen css css3 debug debugging debugging-tool development duck github html html5 javascript productivity reddit rubber-ducky stackoverflow

Last synced: 21 Apr 2025

https://github.com/fredrb/codepen-downloader

Download showcase projects from codepen.io

codepen command-line download-showcases tool unit-tested

Last synced: 22 Jul 2025

https://github.com/maqi1520/next-code-pen

一个纯前端的在线代码实时预览工具，支持 Less、Scss、JavaScript、Typescript

codepen nextjs

Last synced: 12 Apr 2025

https://github.com/greggman/jsgist

A 99.9999% client side code playground that stores data as github gists

codepen gist gists javascript jsbin jsfiddle

Last synced: 13 May 2025

https://github.com/shettypuneeth/react-codepen-embed

React component to embed pens from Codepen

codepen embedded reactjs

Last synced: 11 Apr 2026

https://github.com/piyushsuthar/insta-feed.js

Show your Instagram profile on your website. 🌈

codepen insta-feed instagram instagram-profile widget

Last synced: 23 Mar 2025

https://github.com/check-m4te/codeebox

A super cool code playground! 50 themes and Monaco editor!

clean clone code-playground codepen javascript ui

Last synced: 06 Aug 2025

https://github.com/websemantics/codepen-puppeteer

Use Puppeteer to download pens from Codepen.io as single html pages

codepen headless-chrome puppeteer web-scraping

Last synced: 09 Apr 2025

https://github.com/interaminense/starry-sky

⭐ Starry Sky with Css3 animations

codepen css3-animations interaminense starry-sky

Last synced: 15 Jul 2025

https://github.com/payam-zahedi/flutter_doto2_heroes

Flutter UI template for Dota 2.

animations codepen flutter ui

Last synced: 15 Apr 2025

https://github.com/manzdev/codevember2017

30 days, 30 creative experiments. Created by Manz.

challenge codepen codevember css html javascript web webdev

Last synced: 28 Apr 2025

https://github.com/jh3y/stationery-cabinet

The repository for the majority of my CodePen creations!

codepen hacktoberfest

Last synced: 08 Oct 2025

https://github.com/yuanchuan/svelte-pen

Create Svelte component demo quickly

codepen svelte webcomponents

Last synced: 15 Apr 2025

https://github.com/mirayatech/ninjapen

👾 An CodePen clone built with React and TypeScript.

code codeeditor codemirror codepen css react typescript vite

Last synced: 12 May 2025

https://github.com/gridaco/console

[Under development] Grida console for managing your designs, asset, translations with collaboration.

codepen dart-pad dart-services flutter-pad monaco nextjs

Last synced: 31 Oct 2025

https://github.com/ozluy/react-hangman

🤖 🎮 Hangman game with react

codepen game hangman-game react sass word-game

Last synced: 22 Mar 2025

https://github.com/abhay557/codependal

With this editor, you can simultaneously code and view the changes made to your HTML (including CSS and JS). Its Web Based Editor is ideal for anyone who simply wants to quickly write and execute some code without having to open an application.

code-editor code-editor-java code-editor-online code-engine codepen codepen-clone html-css-javascript

Last synced: 30 May 2026

https://github.com/KnowsCount/vue-lib

💝 fun vue component library for my own use.

codepen component component-library lib library vue vuejs vuejs2

Last synced: 02 Aug 2025

https://github.com/knowscount/vue-lib

💝 fun vue component library for my own use.

codepen component component-library lib library vue vuejs vuejs2

Last synced: 21 Mar 2025

https://github.com/mr9d/yandex-praktikum-chrome-extension

Google Chrome browser extension for the Yandex Praktikum trainer. This extension grants the ability to download tabs content from the code editor and share it with CodePen.

chrome chrome-extension codepen css3 html5 javascript practicum praktikum yandex

Last synced: 18 Jun 2025

https://github.com/tzuyi0817/code-immediate

Online code editing and preview tool, similar to CodePen.

code-editor codepen msw rwd tailwindcss vite vitest vue3-typescript

Last synced: 11 Jul 2025

https://github.com/arunkumar413/Code-Ground

A simple jsfiddle/jsbin like tool for testing and sharing small HTML, Js, CSS snippets

codepen express expressjs jsbin jsfiddle nodejs nodejs-server webapp webapplication

Last synced: 12 Apr 2025

https://github.com/webdevstudios/wds-components-library

A place to extend our CodePen pens, for easy integration with wd_s

codepen component-library front-end pattern-library

Last synced: 13 Apr 2025

https://github.com/renanlecaro/fastpen

Front end only alternative to codepen that stores the source code in the url

codepen codepen-clone frontend snippets

Last synced: 13 Mar 2025

https://github.com/mujibsayyad/webpen

Online Code Editor

codeeditor codepen reactjs

Last synced: 15 Aug 2025

https://github.com/1j01/multifiddle

(development inactive) Fiddle with coffee, js, css, html, and all that, in a minimalistic collaborative environment

ace-editor code code-fiddle codepen coding coffeescript collaboration collaborative css fiddle-salad firepad html javascript js-bin jsfiddle live-coding live-reload livereload programming prototyping

Last synced: 08 Apr 2026

https://github.com/hawkeye64/example-viewer

Display examples with sources and Github and Codepen links

code codepen example quasar template viewer vue-sfc

Last synced: 19 Aug 2025

https://github.com/iammenasco/iammenasco-blue

#368dda - Adds iammenasco-blue as a variable for your styles!

368dda blue bower codepen css iammenasco iammenasco-blue less npm npm-package sass stylus

Last synced: 22 Oct 2025

https://github.com/minhtran241/flask-blog

This is the Blog Engine built with Flask, Flask-SQLAlchemy, WTForms, Flask-WTF, Flask-Login, Flask-Mail

bootstrap codepen flask flask-login flask-mail flask-sqlalchemy gunicorn heroku urlfor wtforms-flask

Last synced: 25 Jan 2026

https://github.com/iondrimba/madcaps

🎨 Playing with Matcaps and Threejs

3d animation codepen creative-coding demo javascript matcap motion threejs

Last synced: 05 May 2026

https://github.com/adrienjoly/classroom-submissions-to-pdf

Extract codepen/jsfiddle/jsbin links from Google Classroom submissions => convert in PDF, for annotation and grading

codepen conversion converter google-classroom grading jsbin jsfiddle pdf-generation student-evaluation teaching teaching-tools

Last synced: 03 Sep 2025

https://github.com/mehfoozurrehman/codepen-clone

Codepen clone

codepen

Last synced: 05 May 2025

https://github.com/willdoescode/code-pen-clone

⚡️A blazing fast codepen.io clone written in React⚡️

codepen css forthebadge html jsx react react-router reactjs

Last synced: 11 Apr 2026

https://github.com/yousifabozid/codepen

A simple CodePen App build with React 💖

codepen javascript react

Last synced: 20 Apr 2026

https://github.com/felixhaeberle/codepen-adblocker

This is a browser extension which will remove the ads on CodePen for free plan accounts.

adblocker codepen productivity styling

Last synced: 15 Aug 2025

https://github.com/jonasbn/github-pages-javascript-prototype

Experimenting with GitHub pages and JavaScript and local data

codepen github-pages javascript prototype vanilla-javascript

Last synced: 30 Jun 2025

https://github.com/alex-van-vliet/reveal.js-linkify

A Reveal.js plugin to automatically create links to online compilers

codepen compiler godbolt online plugin reveal reveal-plugin revealjs revealjs-plugin

Last synced: 03 Apr 2026

https://github.com/samuherek/backup-codepen-cli

CLI tool for backing up your codepen pens into files on your computer. (using puppeteer)

backup cli codepen puppeteer typescript

Last synced: 17 Jul 2025

https://github.com/niccolomarcon/devpencil

Offline codepen, for your creativity

codepen frontend livereload offline

Last synced: 12 Apr 2025

https://github.com/mikoloism/weekend-music-player

Simple Music Player (not is perfection but is fun and cool😉)

codepen codepen-io html javascript js maji miko music-player player scss

Last synced: 17 May 2026

https://github.com/SyntaxRender/CodePen

LIVE Code Editor allows users to write and test HTML, CSS, and JavaScript code snippets in real-time, with instant previews of their work. It also supports sharing code via unique URLs.

codepen codepen-clone css html project-repository typescript

Last synced: 23 Jul 2025

https://github.com/aloskutov/eleventy-plugin-codepen

Just another eleventy codepen plugin.

11ty codepen eleventy plugin

Last synced: 31 Jan 2026

https://github.com/radvalentin/codevember-2017

Daily creative learning experiments using React, VR, A-Frame and Three.js

aframe codepen codevember experiment fate-stay-night react vr

Last synced: 26 Apr 2026

https://github.com/mraerino/offlinepen

🚀 Offline-first frontend experimentation tool. Proof of concept for user-generated content served from Service Worker.

ace-editor codepen dexie editor frontend offline-first polymer serverless service-worker

Last synced: 15 Jan 2026

https://github.com/scottgriv/javascript-bouncy_ball_game

A fun, interactive, JavaScript game built using @codepen. Grow your score by catching the bouncy ball!

codepen css game html javascript

Last synced: 08 May 2026

https://github.com/programmingwithgaurav/codepen-react

codepen clone with react.js

codepen reactjs

Last synced: 13 Apr 2026

https://github.com/indaco/codepen-repos

Codepen.io projects repository

alpinejs codepen tailwindcss

Last synced: 08 Apr 2025

https://github.com/erikgiovani/codepen-assets

A page to store your images, lotties, styles and scripts for free for your Codepen projects with the power of GitHub Pages.

assets codepen github-pages images lotties scripts styles

Last synced: 01 Feb 2026

https://github.com/scarpmetal/codepen-tabs

Adds multi-tab support to the CodePen editor for organizing code.

codepen tampermonkey userscript

Last synced: 19 May 2026

https://github.com/pineapplegiant/1-fcc-tribute-page

FreeCodeCamp Projects - Tribute page

codepen freecodecamp freecodecamp-project

Last synced: 18 Mar 2026

https://github.com/pineapplegiant/4-fcc-tech-doc-page

My FreeCodeCamp Technical Documentation Page

codepen freecodecamp freecodecamp-project

Last synced: 18 Mar 2026

https://github.com/kouisamine/html-viewer

HTML viewer online is a web-based tool that allows you to view and render HTML content directly within a web browser, without the need to download or open the HTML file using a separate application.

codepen compiler display html html-viewer interpreter js jsfiddle online php source-code tools view viewer

Last synced: 12 Apr 2026

https://github.com/ahrana/queue-system

Customer Care Queue System

application codepen javascript queue queue-system web

Last synced: 05 Sep 2025

https://github.com/umangvadukar/ezcodeeditor

ezCodeEditor: A user-friendly online code editor for effortless HTML, CSS, and JavaScript coding.

codeeditor codeio codepen css css3 html html-css-javascript html5 javascript

Last synced: 19 May 2026

https://github.com/zain-ul-din/live-code-editor

live code editor inspired by codepen

codeeditor codepen css html

Last synced: 17 Apr 2026

https://github.com/therolffr/codebit

Self-hosted code snippet showcaser

codepen js php pure-javascript

Last synced: 07 May 2026

https://github.com/mukeshsoni/rollick

Like codepen, but for react components

codepen playground react

Last synced: 16 May 2026

https://github.com/blackishgreen33/codetest

Codetest - 一個在線的 HTML/CSS/JS 專案分享平台

codepen react sass tailwindcss typescript

Last synced: 20 Apr 2026

https://github.com/hussseinkizz/tie-and-dye

Tie & Dye is a set of CSS libraries and codepen utilised together to bring all the mind blowing CSS tricks into your designs.

codepen css css-framework library

Last synced: 21 Apr 2026

https://github.com/bryanwilhite/nodejs

my collection of self-educational samples on the Node.js® stack

angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design

Last synced: 11 Mar 2026

https://github.com/dentemple/reactjs-electronic-calculator

A simple electronic calculator built using ReactJS (hosted on Codepen.io)

bootstrap codepen react reactjs

Last synced: 29 Apr 2026

https://github.com/peterbenoit/saltykeys.js

A JavaScript library for simple obfuscating and verifying API keys on CodePen.

codepen key secrets

Last synced: 30 Apr 2026

https://github.com/bixal/rwp-with-uswds

Guidance and resources for rapid prototyping with USWDS

codepen gh-pages markdown template uswds

Last synced: 02 May 2026

https://github.com/ruisoftware/jquery-rsrefpointer

Displays arrows linking related elements in the page

arrow codepen design editor javascript jquery position relationship

Last synced: 05 May 2026

https://github.com/jacksonsantin/codepen-clone

Clone do codepen para renderizar HTML, CSS e JS em tempo real.

codemirror codepen codepen-clone css3 html5 javascript

Last synced: 19 Apr 2026

https://github.com/andfanilo/personal-codepen

WIP: A Vue.js codepen clone

codepen vue vuejs

Last synced: 05 Oct 2025

https://github.com/lucianofedericopereira/codecraft

Modern, lightweight static site generator powered by Python and Jinja2

codepen jinja2 lunr markdown mermaid-diagrams python ssg static-site-generator translation

Last synced: 19 May 2026

https://github.com/avidcoder101/bmicalculator

This is AvidCoder's BMI Calculator that has been made specifically for adults. I would be very grateful if you made some contributions. To find out how, please take a look at the README.md. If you like this repo, don't just give it a 🌟, give it a fork!

bmi-calculator codepen contributions-welcome

Last synced: 26 Jul 2025

https://github.com/awesomelistsio/awesome-codepen

A curated list of awesome CodePen demos, collections, resources, and inspiration for front-end developers and designers.

awesome awesome-list awesome-lists codepen css web-design web-development webdesign

Last synced: 07 Aug 2025

https://github.com/abhiramready/full-stack-journey

📚 FreeCodeCamp Full Stack 🚀 - Course Progress and Projects 🏗️

codepen css3 html5 javascript react

Last synced: 17 Feb 2026