View Code? Open in Web Editor
NEW
A CodePen clone with LSP, TailwindCSS, and Prettier.
Home Page: https://better-codepen.vercel.app
License: GNU Affero General Public License v3.0
HTML 2.68%
JavaScript 2.03%
TypeScript 94.92%
CSS 0.37%
better-codepen's Introduction
I am making a better clone of CodePen with monaco editor (VSCode editor library)
-
No backend
Everything is done on the client to be as fast as possible
-
Familiar VSCode experience
-
Full TypeScript LSP integration (get in-editor errors and warnings)
-
TailwindCSS with LSP
-
Auto-formatting with Prettier
-
Built-in Emmet complition
-
Free and Open Source
better-codepen's People
Contributors
Watchers
better-codepen's Issues
It'd be cool for script injection to support modules.
CodePen does this to support npm packages via ESM CDN, used as:
import { Scene } from "https://esm.sh/three";
const scene = new Scene();
In App.tsx at:
|
<script> |
|
${data.isTypeScript ? await getTranspiledJS() : data.js} |
|
</script> |
Extremely cool project - this is impressive, and inspiring.