How it works

Every library ships as a prompt. Copy it, paste it into your coding agent, and make it yours. Three steps, no setup.

Find a section

Browse the library by what a section does: hero, nav, pricing, footer. Open the one you want at full size.

Copy the prompt

With a free account, one press puts the whole spec on your clipboard, or hands it straight to Claude, ChatGPT, Codex, Cursor or v0.

Let your agent build it

It comes out in your codebase, built with your components and tokens. Not as a block of someone else's code.

FAQs

A prompt: a written description of the layout, precise enough for a coding agent to build it in your codebase. Some layouts also come with their full React and Tailwind code, ready to copy.

Any of them. The copy button hands the prompt straight to Claude, ChatGPT, Codex, Cursor or v0, and pasting it anywhere else works just as well.

Use Copy for an existing project and the prompt also tells the agent to match the tokens, type scale and spacing already in your codebase rather than inventing its own.

Yes. Everything here is MIT-0 licensed: use it in anything, commercial work included, with no attribution required.

Nothing for now. Browsing is open to everyone, and copying a prompt needs a free account. It is free while the library is small.