argyleink/open-props

Health v2 · maintenance only

Adoption not part of the score

5500 stars · 217 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Open Props is a collection of 500+ CSS custom properties (design tokens) covering colors, gradients, shadows, typography, easings, animations, sizes, borders, z-indexes, and media queries. It is framework-agnostic, incrementally adoptable via CDN, npm, JS modules, or individual prop packs, and includes optional normalize stylesheets.

Use cases

• use consistent design tokens across a website with css variables
• add pre-made shadows easings and animations to my css
• get a design token json file for figma or style dictionary
• normalize html element styles with light and dark theme support
• import only the css props I need like colors or gradients
• make components look consistent without a full css framework

When to choose

• you want lightweight, non-prescriptive design tokens usable in any framework
• you need granular prop packs or prefixed/shadow-dom builds
• you want design tokens exportable to Figma or Style Dictionary

When to avoid

• you want a full component library with prebuilt UI components
• you need utility classes rather than CSS custom properties
• you prefer an opinionated styling system like Tailwind

Facets

library · maturity active

ui-components css-framework theme web-development frontend web-design browser cross-platform css-custom-properties design-tokens css-variables normalize-css prop-packs figma-tokens nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="argyleink/open-props")