Multi-file projects
Organize FSCSS, HTML, JS and CSS. Set an entry file, rename, duplicate, import and export.
Your free browser IDE for Figured Shorthand CSS — multi-file projects, live compiler, preview, components, terminal and one-click exports. Made with care for developers.
No install · No account · Runs in your browser · fscss.devtem.org/ide
From a simple compiler to a complete workspace — still free, still in the browser.
Organize FSCSS, HTML, JS and CSS. Set an entry file, rename, duplicate, import and export.
Compile on demand or while you type. Instant feedback with problems panel and terminal logs.
See styles applied to real HTML and JS in a sandboxed preview — full, tablet or phone width.
Browse and import community FSCSS modules with one click. Copy the import line or pull the repo.
Run commands, insert patterns, format, minify, and keep a clear history of every compile.
Download CSS, minified CSS, standalone HTML, project ZIP or JSON backup in one menu.
Dark and light themes, keyboard shortcuts, command palette, shareable code links, and a workspace that stays in your browser. Open it, learn FSCSS, ship real CSS.