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.
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.
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.
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.
Waiting list members and FEWD Studio owners get an exclusive earlybird price lock-in when GenCSS launches. Be first in line.
Don't have FEWD Studio yet? Get early access →