Tag: Design Tokens & Theming

2+ tools

New

Define and export design tokens for your project. Choose colors, spacing, and fonts, then download as CSS custom properties, JSON, or SCSS variables.

Design CSS variables design tokens generator theme

Define brand colors, fonts, and spacing. Generate the Chakra UI extendTheme object. Export as JSON or JavaScript.

Developer Tools Chakra UI design tokens generator theme