Observed arrival · 2026-11-06
UI Dice: a WCAG-checked UI kit generator
A free generator for rolling coordinated interface colors, fonts, spacing, buttons, and other design choices, then exporting them as code or tokens.
○Open
⊠Login
$Paid
†Ads
✦Pretty
●Pro
◎Niche
◉Human
⚑Risk
ƒJS
- For
- Designers building accessible web interfaces
- Worth noticing
- Each kit has a seed and share link that recreates it; exports include CSS, W3C-format design tokens, and Tailwind CSS v4.
Field notes
The page says a space-bar press rolls the full kit, while individual tiles can be browsed, locked, and kept across later rolls. It describes contrast checks at 4.5:1 for text and 3:1 for controls, borders, accents, and focus rings; manually entered colors are left alone, with a Fix action offered when a pairing fails. The named export formats are CSS custom properties, W3C-format JSON tokens, and Tailwind CSS v4 @theme.
Observed signals
Read the marks
Editorial observations of this landing page, not a rating.
○OpenPublic substance visible
✦PrettyNotable craft visible
●ProPolished or operationally mature
◎NicheUnusually specific use
One card from the complete issue