⚠️ Mobile is not supported yet.
Search for a command to run...
Beautiful, interactive documentation components for your design tokens following industry standards.
A base token variant that renders an icon next to the token name; use it to build custom icon tokens.
A button component with multiple variants and sizes.
A component for displaying accessibility contrast algorithms visually inline, natively hooking into ColorSwatch.
A component for displaying color collections including ramps, scales, and palettes
A primitive component for displaying a single color swatch with an optional hover label.
A specialized component for documenting color tokens.
A token variant with a timer icon for animation or transition durations.
A token variant with a layers icon for elevation and shadow values.
A token variant with a type icon for font family values.
A token variant with a weight icon for font weight values.
A token variant with a hash icon for numeric values like line-height.
A token variant with a layers-2 icon for z-index and stacking contexts.
A token variant with a spline icon for border radius values.
A token variant with a ruler icon for spacing, padding, and gap values.
A tooltip-based component for documenting design tokens. Includes TokenIndicator for visual value display.
A tooltip component for displaying contextual information.
A token variant with a typography icon for font, size, and line-height values.