CUBE CSS
FrameworkA way of organising CSS (composition, utility, block, exception) that leans on the cascade instead of fighting it.
A CSS methodology by Andy Bell. CUBE stands for Composition, Utility, Block, Exception, and it is built to use the cascade and inheritance.
Composition handles macro layout and how elements fit together, utilities do one job each, blocks hold component-specific styles, and exceptions cover state changes. The site also has sections on grouping, examples and resources.
It takes inspiration from BEM but puts less weight on blocks. The site calls itself a work in progress and points to a blog post for a short introduction.
Good for
- Organise a stylesheet so global styles do most of the work
- Separate layout composition from component styling
- Handle component states as exceptions with data attributes
- Give a team a shared way to name and structure CSS
@layer
More frameworks
See all →Every Layout
FrameworkA book and set of layout primitives (Stack, Sidebar, Switcher and more) that adapt to their space without media queries.- Price
- Paid, $69 once
- Made by
- Heydon Pickering & Andy Bell
- Kind
- Framework
Simple.css
FrameworkA single classless stylesheet that makes semantic HTML readable and tidy out of the box.- Stars
- 5,032
- Last commit
- 4 months ago
- Licence
- MIT
Pico CSS
FrameworkDrop-in styles that make plain semantic HTML look finished, with light and dark themes. No longer updated: 2.1.1 (Oct 2026) is the last.- Stars
- 16,822
- Last commit
- Archived
- Licence
- MIT
