5.5k stars · MIT · v1.6.0 (2023-09-29)
CSS custom properties for spacing, colour, shadows and easing — design tokens without a framework.
▶Repo detailsspecs · pros & cons · install
Stars5.5k
LicenceMIT
Latestv1.6.0 (2023-09-29)checked 7 Sep 2026
Written inHTML
Good
- Plain CSS. No build step, no framework, and you can use only the parts you want.
- It covers the values people usually get wrong, especially shadows and easing.
- The values have sensible dark-mode partners already defined.
Watch for
- The last tagged release on GitHub is v1.6.0 from 29 September 2023. The package manager entry is on 1.7.23 and the code was pushed on 11 August 2026, so the project is active. It simply stopped tagging releases, and that is confusing when you first look.
- It gives you values, not components. There is nothing here that looks like a button until you build one.
- Dropping the whole set into a page adds CSS you may not use. Import only the parts you need.
Install
cd ~/your-site npm install open-props
Screenshots