Guide

What is Open Props UI?

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. Everything is made with ease-of-use and scalability in mind. Last but not least - you copy and paste the components into your repo. It's the best way to have a complete understanding and ownership over your stuff.

Backstory

Practically all established UI 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.

The goal of the component library

• Have pragmatic defaults without sacrificing flexibility and control
• Leverage the native platform as much as possible
• Follow accessibility guidelines
• Serve as an inspiration
• Be scalable

"If you only use the latest features, that means this is can never enter production"

Yes and no. Right now that's true for most components. The point is to let the spec and the components mature alongside each other and in time the library will be ready for production.

Developer blog

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!