System props homepage📦
Theme-driven style props

Quickly build custom UI components with theme-driven style props based on scales defined in your theme.

npm install system-props


A fully-featured styling library.

Theme-driven style props

Rapidly develop consistent UI components with style props on your components.

Intuitive and efficient theming

Quickly set font-size, margin, padding, color and more from scales defined in your theme.

Styled System compatible

Similar API to Styled System makes it easy to switch.

Pseudo-selector props

Style your components at common CSS pseudo selectors.

Your CSS-in-JS library

Compatible with most CSS-in-JS libraries, including Styled Components and Emotion

Perfect for design systems

Primitive building blocks for component-based design systems.

Developer experience

Written in TypeScript, token-aware properties, and expandable API