Works with your stack
Get production-ready brand output for Tailwind, Next.js, React, and all the tools you already use.
Generate your brandAll integrations
Tailwind CSS
Generate a complete Tailwind config with your brand colors, fonts, and design tokens. Copy, paste, ship.
Next.js
Brand system designed for Next.js projects. Tailwind config, CSS variables, and App Router-ready components.
React
Complete design tokens for React projects. CSS variables, theme objects, and component styling patterns.
Figma
Design tokens that bridge Figma and code. Same colors, same fonts, same everything.
Cursor
CLAUDE.md makes Cursor understand your brand. AI-generated code stays on-brand automatically.
shadcn/ui
Custom shadcn/ui theme with your brand colors. Drop-in CSS variables for instant customization.
CSS Variables
Framework-agnostic design tokens as CSS custom properties. Works everywhere.
Vercel
Deploy with a brand. Complete design system optimized for Vercel's edge-first architecture.
Vue
Design system for Vue projects. CSS variables, Tailwind config, and component styling patterns.
Astro
Design tokens for Astro's islands architecture. Fast-loading brand that works with any UI framework.
Svelte
Design tokens for Svelte and SvelteKit. CSS variables and Tailwind config for reactive UI.
Nuxt
Design system for Nuxt 3. Auto-imported design tokens and Tailwind configuration.
Remix
Design tokens for Remix. CSS variables that work with Remix's nested routing.
SolidJS
Reactive design tokens for SolidJS. Fine-grained styling for fine-grained reactivity.
Qwik
Resumable design tokens for Qwik. Zero-hydration styling for instant interactivity.
Angular
Enterprise-ready design tokens for Angular. Theme service and CSS variables included.
Laravel
Design tokens for Laravel. Works with Blade, Livewire, and Inertia stacks.
Expo
Design tokens for React Native with Expo. Cross-platform styling for iOS and Android.
WordPress
Theme-ready design tokens for WordPress. CSS variables for classic and block themes.
Framer
Design tokens for Framer sites. Color styles and typography for no-code publishing.
What every export includes
Tailwind Config
Complete color palette with full shade scales, typography, and spacing.
CSS Variables
Framework-agnostic custom properties that work anywhere.
CLAUDE.md
Design guidelines for AI coding assistants like Cursor.