Complete CSS frameworks, generated
Define your colours, typography, spacing, and more through a clean UI. GenCSS outputs a production-ready global stylesheet — primitives, tokens, resets, layouts, and utilities all included.
Companion App — Now Released!
GenCSS
A desktop CSS framework generator that uses an intuitive UI to establish your project's brand elements and convert them into a complete CSS framework in a global stylesheet — covering base and layout settings and resets, primitive variables, design tokens, and helpful utilities. Everything you need to maintain professional global control over your project.
About GenCSS
-
-
Works everywhere
GenCSS is a standalone companion app — it works independently of FEWD Studio and can be used with any editor or page builder: VS Code, Cursor, Webflow, Framer, or wherever you build.
-
From modal to its own app
GenCSS started life as a feature inside FEWD Studio. Due to the scale and ambition of what it will offer, it has been promoted to full companion app status — a dedicated tool worthy of the job.
Now Available
GenCSS is here
GenCSS has officially launched. Generate your complete CSS framework in seconds — pick it up today or learn more at the dedicated site.