CSS Token

CSS Token provides a set of design tokens and utilities that enable a standardized system to specify colors, sizes, shadows, and other design-related values in your app.

• Minimal: No build step, easily use with inline styles via CSS Hooks¹.
• Flexible: Static and dynamic tokens for custom use cases.
• SSR-safe: Tokens work on the server and client.
• Strongly typed: Tokens can be narrowly typed to prevent invalid values.

View the docs for more information.

¹CSS Hooks is a refreshingly light styling solution that lets you to "hook" into CSS features like :hover and media queries directly from the style prop. With minimal overhead, you enjoy the benefits of local reasoning, reusing your existing knowledge of standard CSS, strong typing, while being SSR-safe.