Tool Open source
Core Framework is a visual CSS framework and design-token builder for the web, WordPress, and Figma, developed by CoreBunch. It provides a visual editor for semantic colors, light and dark values, generated shades, fluid typography and spacing scales, layouts, reusable selectors, components, utility classes, and design primitives such as radii, borders, shadows, opacity, filters, and transforms. The system calculates responsive type and spacing scales from minimum and maximum values, scale ratios, and naming conventions, then generates standards-based production CSS. Projects can be previewed in the editor and their readable or minified stylesheets can be copied, exported, or downloaded, or saved as portable .core files. The same open-source codebase supports a standalone web app, WordPress, Figma, Gutenberg, Bricks, and Oxygen integrations. The editor is local-first, and the web app, plugin, integrations, and builder add-ons are available under the MIT license without paid feature gates.
2 uses taken from transcripts — each links to the moment in the video.
A visual design-token builder for keeping CSS decisions consistent across the web, WordPress, and Figma. It defines color, type, spacing, selectors, layouts, and components in one editor and exports CSS or a portable project file.
A visual design-token builder and CSS framework for the web, WordPress, and Figma. Designers and developers can define colors, typography, spacing, layouts, and components visually, then generate portable production CSS and reuse projects across those surfaces.
2 in the library.