fCanvas Playground (fcanvas-playground)

Online playground for write and play JavaScript, TypeScript, Vue, React, Lit, Solid, Svelte

Beta: The app is under development and only core features are implemented

Upcoming

• jvascript module
• typescript module
• jsx, tsx, vue sfc
• import NPM package
• support solidjs
• svelte
• SFC CSS module
• SASS
• add tester similar to vitest
• add settings
• add check sketches
• add comment sketch
• tab package manager
• add like sketch
• share code without hosting on the server
• add a compiler/interpreter to run C/C++, Python or Ruby
• cache all files?

Preview

This is screenshot edit and preview sketch use Vue SFC template

Vue + TypeScript

React + TypeScript

Lit + TypeScript

Preact + TypeScript

Solid + TypeScript

Svelte + TypeScript

Install the dependencies

pnpm run setup

Start the app in development mode (hot-code reloading, error reporting, etc.)

pnpm dev

Lint the files

pnpm lint

Format the files

pnpm format

Build the app for production

pnpm build