Generate UI vibes into production-ready tokens.

ChromUI turns a vibe into real previews and exports — while enforcing WCAG AA contrast rules across the token set.

  • WCAG AA-aware token generation (not just a checker)
  • Real UI previews (SaaS / news / docs layouts)
  • Exports: CSS variables, Tailwind snippet, JSON design tokens
How it works (technical)

Pick a vibe (or define a custom vibe), then ChromUI generates a palette and token system. The engine applies constraints and contrast fixes so core pairs meet WCAG AA in the final output.

You can nudge hue/saturation (“tone trims”), preview the theme in real UI layouts, and export the resulting tokens as CSS variables, Tailwind config snippet, or JSON.