Open Props is a comprehensive design system of custom variables created by Adam Argyle that offers expertly crafted web design tokens for animations, borders, colors, shadows, and many more design elements that easily works in any project helping in the creation of beautiful and consistent UI.

It is compatible with tailwind and any frontend framework, is customizable, with predictable name conventions and provides a great and harmonious developer experience. Quite easy to integrate and incrementally adoptable, very much worth to check it out for quick prototyping and full fledge projects.

Also features options to import it from CDN, NPM or CLI, works with CSS-In-JS, CSS modules, PostCSS-JIT-Props, can be loaded from JS, has a very thoughtful normalize script with options to light/dark theming, has VScode and Sublime autocomplete…