Preset Theme CSS Generator
Paste a preset code to decode its config, preview it, and copy ready-to-use CSS custom properties.
Preset color contrast checker
Check WCAG contrast for core theme token pairs from a preset code, with light and dark previews.
Tailwind / CSS Image filter generator
Use presets or configure image filters in real-time to generate Tailwind utility or vanilla CSS output.
shadcn preset variables Figma plugin
Enter a preset code, generate, and get light / dark mode variables for the shadcn preset theme, perfect for syncing Figma designs with code.