Solid Playground
playground.solidjs.com
Spec sheet
- Purpose
- Solid Playground lets users discover what the Solid compiler generates from JSX templates.Read 11 Oct 2026 · github.com
- Audience
- The repository describes the tool as a way to explore compiler output from Solid JSX templates.Read 11 Oct 2026 · github.com
- Integrations
- The README identifies solid-js, Babel standalone, Monaco, Windi CSS, Vite, Workbox, pnpm, and lz-string as technologies used.Read 11 Oct 2026 · github.com
- Security
- The project repository links to a security policy.Read 10 Oct 2026 · github.com
- License
- The public solid-playground repository is marked as MIT licensed.Read 11 Oct 2026 · github.com
- Maker
- The playground source repository is in the solidjs GitHub organization.Read 10 Oct 2026 · github.com
- Authentication integration
- The Solid blog post says the new playground used Stytch OAuth through Solid’s custom API service.Read 10 Oct 2026 · solidjs.com
- Backend integration
- The Solid blog post says the playground used Supabase as its backend.Read 10 Oct 2026 · solidjs.com
- Code editor
- The project uses Monaco as its in-browser code editor.Read 11 Oct 2026 · github.com
- Compiler
- The project uses Babel Standalone as its in-browser compiler.Read 10 Oct 2026 · github.com
- Editor
- The project uses Monaco as its in-browser code editor.Read 10 Oct 2026 · github.com
- Export
- The live playground page offers an “Export to Zip” control.Read 10 Oct 2026 · playground.solidjs.com
- GitHub
- The live playground page offers a GitHub control.Read 10 Oct 2026 · playground.solidjs.com
- In-browser compiler
- The project uses @babel/standalone as its in-browser compiler.Read 11 Oct 2026 · github.com
- Modes
- The repository README lists DOM, SSR, hydration, and universal custom renderer modes.Read 11 Oct 2026 · github.com
- Official web app
- The repository links to playground.solidjs.com as the Solid Playground website.Read 11 Oct 2026 · github.com
- Saved REPLs
- A Solid blog post says the playground login feature lets users create and save REPLs.Read 10 Oct 2026 · solidjs.com
- Self-hosting
- The README provides instructions to clone the project, install dependencies with pnpm, start a development server, and build it.Read 11 Oct 2026 · github.com
- Sharing
- The project uses lz-string to compress shared REPLs.Read 11 Oct 2026 · github.com
Where Specifiction places it
- Code Playground Software#50 of 586.8