A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists.
-
Updated
Jul 23, 2025 - CSS
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…
A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists.
A collection of customizable and responsive interfaces built with Open Props.
A Progressive Web Application that helps users find the closest Open Props color.
A Boilerplate to start a elm project with every thing you will need, like: SPA, Bundler, Css(things), compatibility and a way of deploying your site.
A Modern Mini Framework Full Of Handy Utilities, Colors And Animations Inspired To Be Most Predictable And Community Driven. Based on Open Props!
Vite + TypeScript + Solid + Open-props Template
An Astro blog theme styled with Open Props. Accessible, responsive and performant.
Inline-Style-as-a-Class CSS engine
This repository is for the simple e-commerce I made for selling the best food in my town using React and Redux toolkit for state management.
Chat Online Desarrollado en React con Firebase Auth.
A mini game made for Advent of CSS 2021
Marketing landing page. Built with Astro, Netlify Create, Open-props, & PostCSS.
Personal portfolio made with Astro
Created by Adam Argyle
Released November 30, 2021
Latest release almost 2 years ago