Open Props

Open CSS vars.

Visit website ↗

Profile updated

Console’s review

· Reviewed by David Mytton

What we like

Framework agnostic CSS variables with minimalist styling for all HTML elements. Includes dark+light mode. Supports CSS, PostCSS, JSON, or props as Javascript. Covers colors, gradients, typography, animations, media queries, and masks. Available via NPM, CDN, or CLI. Open source.

Tradeoffs

Docs don’t provide quick “get started” examples, although the GitHub repo has example commands for generating output e.g. PostCSS files or minimized bundles.

Is Open Props a fit?

Based on Console’s review published on 2022-10-06. Summary updated .

Who it’s for

Developers using various frameworks should consider Open Props for styling tasks

Why consider it

Open Props provides framework-agnostic CSS variables with minimalist styling for all HTML elements

Keep in mind

The documentation lacks quick start examples

Console is a free weekly newsletter with short reviews of developer tools, covering strengths and tradeoffs. This review reflects Console’s assessment at publication on 2022-10-06. Features and limitations may have changed since the review date. Read our selection criteria and learn about Console.

Discover your next favorite tool

Independent devtool reviews and the latest betas, in your inbox every Thursday. Free.