Open Props
FrameworkA ready-made set of CSS custom properties for colours, sizes, shadows, easings and animations that you pull into your own styles.
A library of more than 500 CSS custom properties (design tokens) by Adam Argyle, covering colours, gradients, shadows, typography, sizes, easings, animations, borders, aspect ratios, z-index layers and named media queries. The main bundle is about 4 kB compressed.
Colours include the Open Color palettes plus a dynamic OKLCH palette you steer with --palette-hue and --palette-chroma. Sizes include fluid clamp() values. Optional extras are a light and dark normalize stylesheet and a button stylesheet.
You can load it from a CDN, install it from npm, or use the postcss-jit-props plugin to ship only the props your CSS uses. It also comes as JSON tokens, JS objects and shadow-DOM builds.
Good for
- Start a project with ready-made spacing, type and shadow tokens
- Generate an OKLCH colour palette from one hue
- Ship only the custom properties you use with postcss-jit-props
- Add easing and animation presets without a JS library
oklch()linear()
More frameworks
See all →CUBE CSS
FrameworkA way of organising CSS (composition, utility, block, exception) that leans on the cascade instead of fighting it.- Price
- Free
- Made by
- Andy Bell
- Kind
- Framework
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
