codepen 开源项目推荐（550 个）

sdras /svg-workshop

SVG Essentials 与动画课程的材料

nucliweb /People-You-Should-Follow-on-CodePen

你在 CodePen 上应该关注的人

wanglin2 /code-run

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

workeffortwaste /gsap-video-export

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

MichaelDeBoey /gatsby-remark-embedder

Gatsby Remark plugin to embed well known services by their URL.

sgratzl /d3tutorial

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

ronilan /BlockLike

弥合积木编程与 JavaScript 之间的差距。

spences10 /sveltekit-embed

SvelteKit embed components

carmenansio /bookmarks

Bookmarks that I ❤️

kunukn /react-collapse

使用 CSS 为具有可变和动态高度的元素提供折叠动画的组件包装器

WebAnimationWorkshops /workshop-resources

Houses the resources for WAW workshop

thesephist /codeframe

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

acoti /articulate.js

A jQuery plugin that lets the browser speak to you.

virejdasani /CodeBox

一个沙盒编码环境——桌面应用，灵感来自CodePen和JSFiddle

RameshAditya /ducky

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

ecemgo /mini-samples-great-tricks

This repository includes mini samples using CSS animations or JS libraries to create sliders, dashboards, landing pages and login forms. You can find more from my CodePen profile.

fredrb /codepen-downloader

Download showcase projects from codepen.io

maqi1520 /next-code-pen

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

Chalarangelo /htmltemplategenerator

一个 HTML5 模板页面生成器。

xxxily /code-flux

A versatile tool for previewing and fine-tuning AI-generated frontend code, an online platform for running and publishing frontend code, and an open-source alternative to codepen, jsbin, jsfiddle, etc. 中文说明：AI生成式前端代码预览/微调辅助工具，前端代码在线运行/发布平台，codepen、jsbin、jsfiddle等的开源替代方案