Guide

What is Open Props UI?

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.

Backstory

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.

The goal of the component library

• Have sensible defaults without sacrificing flexibility and control
• Use modern HTML & CSS features
• Follow accessibility guidelines
• Be scalable

The goal of the docs

• 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

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!