Design Radar
Support
LiveUpdated 2026-11-08 18:48 UTC

Open Props: sub-atomic styles

Open Props: sub-atomic styles — Open source CSS custom properties to help accelerate adaptive and consistent design.…

Open Props: sub-atomic styles is Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.. It is ranked #2364 on the Design Radar, in Design-to-code, first seen 56 days ago and shared in 2 posts (80.4k views).

Visit open-props.style

Open Props: sub-atomic styles Supercharged CSS variables. Expertly crafted web design tokens Create consistent components Useful in any framework v1.7.23 MIT @import "https://unpkg.com/open-props"; .card { border-radius: var(--radius-2); padding: var(--size-fluid-3); box-shadow: var(--shadow-2); &:hover { box-shadow: var(--shadow-3); } @media (--motionOK) { animation: var(--animation-fade-in); } } @import "open-props"; /* All props from NPM */ @import "open-props/media.css"; /* Named media queries */ .button { font-size: var(--font-size-fluid-1); padding-inline: var(--size-5); padding-block: var(--size-3); color: var(--blue-0);…

Alternatives to Open Props: sub-atomic styles

Open Props: sub-atomic styles in numbers

FAQ

What is Open Props: sub-atomic styles?

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript. It was first shared on X 56 days ago and is ranked #2364 on the Design Radar.

Is Open Props: sub-atomic styles free?

It is open source.

Who shared Open Props: sub-atomic styles?

2 accounts on X, including @super_tibs, in 2 posts totalling 80.4k views.

Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.