The living library of interfaces

Crafted prompts, components and templates for the interfaces you actually ship. Built by real design engineers.

Marketing blocks:

Nothing published in this category yet.

Copy the prompt. Paste it anywhere

Every component ships as a prompt. One copy - and it builds itself in whatever tool you live in.

$ claude

✓ components/ui/animated-hero.tsx

✓ +148 lines — adapted to your theme

❯ [Pasted prompt +88 lines]

Claude Code

Paste it in the terminal - the source lands in your repo.

Add the Animated Hero from Desora

acme/website · main

animated-hero.tsx+148 −12

+ export function AnimatedHero() {

+ return <section className="hero">…

− <OldHero />

+ <AnimatedHero />

Ready to reviewCreate PR

Codex

Same prompt as a task - Codex ships it with a diff.

Worked for 14s

Created src/components/AnimatedHero.tsx

Edited src/pages/Index.tsx

Preview updated ↗

Lovable

Paste it in chat - the exact UI appears in your project.

shimmer-button.tsx

1import { cn } from "@/lib/utils"
2 
3export function ShimmerButton() {
4  return (
5    <button className={cn(
6      "relative rounded-full bg-neutral-950",
7      "px-7 py-3 text-sm font-medium text-white",
8      "transition-transform hover:scale-105",
9    )}>
10      <span className="shimmer-ring" aria-hidden />
11      Get started →
12    </button>
13  )
14}

Real code, ready to ship

React + Tailwind, shadcn/ui conventions - every component is source that lands in your repo, yours to edit.

24,980

installs this week

454

Saved to bookmarks

✓Landing v212

✓Inspiration34

Create list

12.4k 454

Save it for later

Bookmark any component into your lists - personal or team-shared - and pull it back up in one click.

Built by humans Ready for agents

Browse components Join for free

Questions, answered

Everything you need to know about the library, the prompts and publishing your own.

A curated library of production-grade prompts for building interfaces. Every entry is a preview you can play with plus the exact prompt that produces it.

Copy it and paste it into Claude Code, Cursor, Codex, Lovable or any AI editor. The prompt carries the full spec, so the tool builds the component in your own codebase and theme.

Every prompt in the library, unlimited copies, bookmarks and collections, and API keys for the MCP server so your agents can pull prompts directly.

Yes. Creator Studio lets you submit a component with a live preview and its prompt. Once it is reviewed, it goes live on your public profile with your name on it.

Yes. What the prompt generates lands in your repository and is yours to ship, including commercial work.