TokenKit: Design Token System

Design tokens for colour, spacing, typography, and shadows with Tailwind config generator and CSS variable exporter.

Tokens

• Colour palette (primary, gray, semantic aliases)
• Spacing scale (0-24)
• Border radius (sm to full)
• Typography (size, weight, line height)
• Shadow (sm, md, lg, xl)

Features

• Generate tailwind.config.js theme extension
• Generate CSS custom properties
• Style Dictionary compatible format
• Figma Tokens plugin format
• Theme switcher support

After purchase you will receive access to the private repository.