Skip to content
SPECIFICTION
Get listed

Solid Playground

playground.solidjs.com

WebSelf-hosted

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

Alternatives to Solid PlaygroundAll alternatives →