A modern CSS framework to suit professional teams as well as tinkering hobbyists. Copy and paste the components into your projects in order to have complete ownership of your code.
https://open-props-ui.netlify.app/
Note
This is work in progress. Contributions are welcome!
This repo holds the code for the component library and the docs. The docs are used as a testbed for the component library.
pnpm i
pnpm docs:dev
Practically all established component libraries need to take older browser versions into account. Some have only just dropped Internet Explorer. Some have barely discovered the power of CSS grid. Open Props UI starts from a blank slate and re-imagines how a component library could be built if you used the most modern features.
- Have sensible defaults without sacrificing flexibility and control
- Use modern HTML & CSS features
- Follow accessibility guidelines
- Be scalable
- To encourage the use of and inform about accessibility
- Be a resource to discover new and cool tricks
- To be easy to use and understand
The developer blog mostly consist of learnings made from the work on Open Props UI. Oftentimes we only get to see the finished product, but the journey there can be full of interesting stuff!
pnpm i
pnpm docs:dev