Libraries · Free
Open Props
A CSS variable kit: colors, shadows, gradients, easing.
Design tokens as CSS custom properties. Import the whole set or one file. No components — just the numbers a design system is made of.
Install
@import "open-props/style";
Or npm i open-props and import the files you need.
On the site
- Colors, shadows, sizes, easings as CSS vars
- Use with any framework
- Open source