Refero Styles vs Radix UI Primitives
Refero Styles and Radix UI Primitives solve the same job (Core design stack), so this is a pick-one decision. Refero Styles is our default here: The single highest-leverage free thing on this list. Instead of telling Claude 'make it feel editorial', hand it exact tokens from a site whose type you admire. Filter by the editorial mood, paste the DESIGN.md as project context, then have Lovable generate to those tokens. An official Refero MCP and two community MCP servers exist. Watch out: Use Primitives, not Radix Themes — Themes brings its own CSS reset and token system and will fight your Tailwind setup. Also note shadcn defaulted to Base UI in July 2026; do not run both primitive layers.
- Editor's pick: Refero Styles.
- No logged gotchas: Refero Styles.
| Field | Refero Stylesstyles.refero.design Not yet swept | Radix UI Primitivesradix-ui.com Not yet swept |
|---|---|---|
| What it is | 2,000+ design systems reverse-extracted from real production sites and packaged as structured DESIGN.md files documenting colors, typography, spacing and motion. Filter by brand, mood (minimal, editorial, playful), palette or typeface. | Unstyled, behavior-only components — Dialog, Popover, Select, Dropdown — with focus traps, keyboard nav and ARIA solved. Zero CSS opinions, so no Tailwind conflict. Maintained by WorkOS. You already have it transitively via shadcn. |
| Category | Core design stack | Core design stack |
| Cost tier | free | free |
| Pricing | Free (beta) · parent site $12/mo | Free · MIT |
| Why builders pick it | The single highest-leverage free thing on this list. Instead of telling Claude 'make it feel editorial', hand it exact tokens from a site whose type you admire. Filter by the editorial mood, paste the DESIGN.md as project context, then have Lovable generate to those tokens. An official Refero MCP and two community MCP servers exist. | Reach for it when your project needs a component shadcn does not ship — an issue-picker combobox, a lightbox with proper focus management, a filter drawer. Accessibility on a publication site is not optional. |
| Watch out for | not logged | Use Primitives, not Radix Themes — Themes brings its own CSS reset and token system and will fight your Tailwind setup. Also note shadcn defaulted to Base UI in July 2026; do not run both primitive layers. |
| How to wire it up | paste DESIGN.md into project context | npm install radix-ui |
| Editor's pick | Yes | No |
Agent endpoint: GET /api/public/compare?slugs=radix-ui-primitives,refero-styles