What is FSCSS to CSS?

FSCSS (Figured Shorthand CSS) compiles to standard CSS. The free online FSCSS IDE at fscss.devtem.org/ide converts FSCSS to CSS in the browser with live preview, multi-file projects, and exports.

Do I need to install anything?

No. The FSCSS IDE runs entirely in the browser. Open /ide, write FSCSS, compile to CSS, and export — no account or install required.

Can I use local @import and modules?

Yes. The IDE virtual file system resolves local paths and selective imports such as @import((name as alias) from "./mod.fscss"), wildcard *, exec forms, and remote registry libraries like flex-control or st-core.

FSCSS to CSS converter → full free IDE

Convert FSCSS to CSS.
Control everything.

Free browser IDE for Figured Shorthand CSS — multi-file workspace, local @import, live compile & multi-page preview, component registry, terminal + xfcmd, and one-click exports. No install. No account.

Launch free IDE Read the docs

No install · No account · Runs in your browser · fscss.devtem.org/ide

main.fscss → output.css

FSCSS

CSS

From simple converter to a complete FSCSS workspace

Still free, still in the browser — now with the tools you need to learn, ship, and experience Figured Shorthand CSS.

Multi-file projects

Organize .fscss, HTML, JS and CSS. Entry file, rename, duplicate, import/export — workspace stays in your browser.

Live FSCSS → CSS

Compile on demand or while you type. Problems panel and terminal logs give instant feedback on every change.

Multi-page preview

Sandboxed HTML/JS preview at full, tablet or phone width. Local links resolve in the workspace — no host 404s.

Local & registry imports

Selective aliases, *, and exec — plus one-click registry modules like flex-control and st-core.

Terminal & xfcmd

Run libs, libck, libon and package scripts. Snippets, format, minify, and a clear history of every compile.

Export anywhere

Download CSS, minified CSS, standalone HTML, project ZIP or JSON backup — ship plain CSS with one menu.

Made with care for developers

Dark and light themes, keyboard shortcuts, command palette, shareable code links, PWA install, and a workspace that never leaves your browser. Open it, convert FSCSS to CSS, ship real styles.

Open the IDE