A curated collection of UI/UX animation and interaction details from the world's best iOS and web apps, presented as short looping shots.
AnimationMobileWeb+2
60fps.design
Refero
styles.refero.design
A library of 2,000+ real website styles paired with AI-readable DESIGN.md files you can feed to Cursor, Claude Code, v0 or Lovable.
What is Refero?
Refero Styles documents leading product websites as AI-readable design systems: each entry captures colors, typography, spacing and components, plus a DESIGN.md your AI tools can follow. You start from a design you love, open its style file, and bring that direction into your own project with Cursor, Claude Code, Codex, v0 or Lovable. New styles are added every week, with curated collections from fintech to brutalist portfolios.
Best for
- Giving AI builders a concrete design direction
- Studying real sites' colors, type and spacing
- Starting projects from a style you admire
Key features
- 2,000+ AI-readable design systems from real sites
- Each style documents colors, type and spacing
- DESIGN.md files for Cursor, Claude Code, v0 and more
- Curated collections and weekly additions
Related resources
60fps.design
A visual dictionary of UI: describe an element in your own sloppy words and get its real name, API symbol and a paste-ready prompt for your coding agent.
AIUIWeb+2
namethatui.com
Enter an idea for an app or site and scroll through endless generated design options until one fits.
AIWeb
variant.com
Visitopens in a new tab