COMMUNITY MIRROR · GRADIENTDECK UI
Good interfaces start
with good references.
Explore design systems behind memorable websites. Find a direction, inspect its colours and typography, then give your coding agent a real DESIGN.md to follow.
Loading the library…/Free, searchable, reusable
01 / EXPLORE
Loading…The collection
Search by brand, design mood, font family or hex colour. Select a card to view its original reference.
No matching designs.
Try another keyword or clear the filters.
02 / USE ITFrom reference
From reference
to repository.
Pick a style here, then install its Markdown specification in your application. Your coding agent can read the precise colours, font families, spacing and component rules.
01Explore
Find a design system that suits your product.
02Install
Copy its DESIGN.md into your project.
03Build
See installation commands ↗
Ask Codex, Claude Code or Cursor to follow it.