Free & open source
Your Design System
Now Open Source.
Build and manage a portable CSS framework visually. Use it in WordPress, Gutenberg, Bricks, Oxygen, and Figma. Core Framework and every integration are free.
One plugin includes Gutenberg, Bricks, Oxygen & Figma
One framework. Two ways to build.
Use Core Framework in your browser, or install the WordPress plugin with every integration already included.
Standalone app,
for any website
Open the visual editor in your browser to customize the framework, then download, export, or copy an organized, auto-prefixed stylesheet for any website.
One plugin,
every integration included
Install Core Framework once, then enable Gutenberg, Bricks, Oxygen, and Figma from the plugin. No separate purchases, license keys, or paid feature gates.
Modern StandardsCSS Variables & Classes.
Whether you want to apply a color, add a margin, or change a border radius, you have a CSS variable and utility class in your arsenal.
Smart Color System.
Managing your color palette is easy-peasy. Generating shades, tints & transparent variants is even easier. Just a click away.
Add anything
Although it comes preconfigured with our default framework, you can easily add new classes, variables or components into the framework. The inferface makes it super-easy for you.
Remove anything
While the default framework is very lightweight & performant on its own, you can simply remove any parts, modules or single components that are not needed for the project.
Make it your own
The modular approach to Core Framework suite lets you edit absolutely every single bit of the framework, rename, regroup, reorganize and make it your own and your team's.
Unlock the Dev-God Mode
Core Framework gives you the power of all the tools that ultimately help you to create more consistent, responsive, and performant designs.
Component Editor.
Ignite your creativity with our state-of-the-art component editor. Visually adapt and arrange reusable UI components for a designing experience that's uniquely yours.
- Smooth and visual experience
- Every tweak is instantly previewed on hover
- Build clusters of components with modifier classes
Color System.
Step into the new era of UI color management. Add unlimited colors, organize them in groups, and generate lighter, darker and transparent color variants effortlessly.
- Visual management of entire color palette
- Auto-generate shades, tints and transparencies
- Get CSS Variables and utility classes
Fluid everything.
Discover the perfect harmony of precision and responsiveness with our fluid typography & spacing calculators. Generate mathematically perfect scale of sizes, and customize every detail to perfection.
- Automatic scale of multiple sizes - add as many as you want
- Set every size manually, by tweaking min and max value
- Get CSS variable & utility class for every use case
