48 complete websites, each written for one kind of business: a bakery, a barber, an MOT garage, a vet, a wedding venue, a law firm and more. Every template is a fictional business with its own theme, photos and six or seven sections. Pick one, add your business name, trade, town and contact details, and copy a single prompt into Lovable, Bolt, v0, ChatGPT, Replit, Claude or Gemini. The prompt carries the code, the theme and your details, so the builder starts from a finished design instead of a blank page. Use it for your own site or for paid client work. There's no account, no ads and no cookies.
Browse templates →Step-by-step guide →
and 40 more: Little Acorns, Aether, Brightline, Brinebank, Canopy, Cinderwick, Common Ground, Crestline, Farstep, Florea, Foxglove, Glaze Days, Greenline, Hale & Partners, Harbour Float, Hollinmere Estate, Hollow Creek, Hush Hearing, Ironbark, Juniper, Keystone, Studio Kiln, Larder Lane, Ledger, Lockfast, Lumen, Marlowe, Motion, Nord, Petal & Stem and 10 others.
Every template is built from sections you can also use on their own: heroes, menus, price lists, booking and quote forms, galleries, team pages, reviews, opening hours, FAQs and footers, plus utility pages like a 404, a cookie banner and a coming-soon page. For phones there's a bar of Call, Book and Directions buttons fixed to the bottom of the screen, a WhatsApp button that opens with a first message filled in, and order buttons for Deliveroo, Uber Eats and Just Eat. They're React and Tailwind CSS, preview live in any theme, light or dark, and fit a 360px phone without sideways scrolling. Photos are free Unsplash images. Most cards play a short clip of the section moving, unless you've asked your device for less motion.
Browse sections →
A theme sets the colours, fonts and corner radius for light and dark mode, and every section follows it. Thirteen go further. Nine change how surfaces look: neo-brutalist offset shadows, frosted glass, puffy clay, neumorphic relief, a Swiss grid, editorial, retro, risograph and a dark luxury finish. Four are minimal: Chalk, Linen, Obsidian and Cobalt set every heading in a medium, tightly spaced grotesk over a near-monochrome palette. All thirteen add scroll motion, which stays still for visitors who turn motion off. On the Themes page you can try any theme on any template before you copy it, and take its CSS or a shadcn theme with you.
Browse themes →
and 5 more: Grid, Folio, Groove, Noir, Riso.
21 backgrounds are drawn in code with WebGL, canvas, CSS and SVG: fluid gradients, silk, a retro grid, warp stars, aurora curtains, a planet horizon and more. They take the theme's colours, follow the cursor, pause when they're off-screen and stay still for reduced motion. The other 8 move an Unsplash photo, such as mist drifting over mountain ridges or heat shimmer on desert dunes. The Aether and Prism templates are built on them.
Browse backgrounds →
The Plan page asks what your business does, where it is and what visitors should do first: book, order, call, visit, buy or donate. Then it asks about the tools you use, such as Cal.com, Calendly, OpenTable, Fresha, Formspree, Mailchimp or Cloudflare Web Analytics, and where you'll host. It picks a template and theme for your trade and gives you one prompt for your AI builder, or a plan file for Claude Code and Cursor. Your answers stay in your browser until you copy or download them.
Plan your site →
Run npx copypasteui.dev setup and it registers a local MCP server in Claude Code, Claude Desktop, Cursor, VS Code, Windsurf, Codex or Gemini CLI. Then ask for a section by name or describe the business: the server has 14 tools, including plan_website, search_components and add_component, and five prompts, from planning a site to preparing it for launch. It runs on your computer with no account or API key, caches the library and keeps working offline from a bundled copy. The same package is a CLI: copypasteui.dev search, add and themes.
Set up your editor →npm package →
Twelve admin screens cover the work behind a small business site: sign-in, an overview, bookings, orders, enquiries, a menu editor, customers, reviews, opening hours, staff, reports and settings. Recipes connect them to Supabase, Firebase, Convex, Postgres with Better Auth or Clerk, PocketBase, Cloudflare D1 with Access, or your AI builder's own backend, and a Google Sheet can hold the menu, prices and opening hours instead. Every recipe uses the same data model and the same rules for who may read and change what, checked on the server.
Back-office sections →
CopyPasteUI is also a shadcn registry: add it to components.json and install sections and themes with npx shadcn add @copypasteui/olea-hero. Agents without the MCP can read /llms.txt, a map of the templates, themes and categories, or /llms-full.txt with every section's tags, dependencies and install command. Everything the site and the MCP use is published as static JSON under /r.
Developer docs →
Every section, theme and template is a folder in the public GitHub repository, and you can add one with a pull request. The checks run on every pull request: code rules, a render test, accessibility in three themes in light and dark, phone layouts, and a layout sweep for hidden, wrapped or overlapping content at three widths. Contributors are credited on their work. The licence is PolyForm Shield 1.0.0: use anything in websites and apps you build, including client work, but not to run a rival library.
How to contribute →GitHub →
