# CopyPasteUI

> Free, source-available React + Tailwind CSS sections, themes and full-site templates for AI builders. Every item ships as a ready-to-paste prompt and as code, adapts to shadcn/ui-compatible theme tokens, and can be installed through a local MCP server or the shadcn CLI. No account or API key.

CopyPasteUI has 435 components in 23 categories, 71 themes and 54 full-site templates aimed mostly at small businesses (cafés, salons, trades, clinics, farms, venues and more). Components use React 18+, Tailwind CSS v4 (v3 works), `motion` and `lucide-react` only.

How to use it as an agent:
- Prefer the MCP server: register the stdio command `npx -y copypasteui.dev@latest mcp` (or run `npx copypasteui.dev setup`). Tools: plan_website (asks the owner in short rounds, saves copypasteui.config.json), get_plan, suggest_sections (best template for a trade), search_components, get_component, add_component, fill_business_details (put the real name, phone and email in), list_categories, list_themes, get_theme, list_templates, get_template, list_recipes, get_recipe. Prompts: plan-my-website, build-business-website, add-online-booking, build-back-office, prepare-for-launch.
- Without MCP, read the JSON registry: https://copypasteui.dev/r/index.json lists everything; https://copypasteui.dev/r/components/{slug}.json has `code`, `dependencies`, `installPath` and a complete `prompt`; https://copypasteui.dev/r/themes/{slug}.json has CSS variables and Tailwind wiring; https://copypasteui.dev/r/templates/{slug}.json has a full-page `prompt` (replace `{{THEME}}` with the chosen theme's `promptBlock`).
- With the shadcn CLI (v3+): add `"registries": { "@copypasteui": "https://copypasteui.dev/r/shadcn/{name}.json" }` to components.json, then `npx shadcn@latest add @copypasteui/{slug}` (themes: `@copypasteui/theme-{slug}`, which also installs their fonts). `npx shadcn@latest search @copypasteui -q <words>` searches the index at https://copypasteui.dev/r/shadcn/registry.json. Without the namespace, use the full URL `npx shadcn@latest add https://copypasteui.dev/r/shadcn/{slug}.json`.
- Apply one theme once (default: paper); every component reads tokens such as bg-background, text-foreground, bg-primary, text-muted-foreground, border-border, font-display.
- Licence: PolyForm Shield 1.0.0. Free to use in any website or app, including commercial and client work; not for building a competing library, template collection, site generator or MCP service. Keep the two notice lines at the top of each file. Items marked with an open licence (MIT, Apache-2.0, CC0-1.0) keep their notice.

## Start here

- [Templates](https://copypasteui.dev/templates): complete small-business websites, grouped by industry
- [Sections](https://copypasteui.dev/components): every section by category, with live previews in any theme
- [Backgrounds](https://copypasteui.dev/backgrounds): animated WebGL, canvas and CSS backgrounds that follow the theme
- [Themes](https://copypasteui.dev/themes): colour, radius and font tokens for light and dark mode
- [For developers](https://copypasteui.dev/developers): MCP set-up for Claude Code, VS Code, Codex, Cursor, Windsurf and Gemini CLI; shadcn registry; CLI; JSON API; theming
- [Get started](https://copypasteui.dev/get-started): building a small-business website with an AI builder, step by step
- [Registry index](https://copypasteui.dev/r/index.json): machine-readable list of every component, theme and template
- [Back-office backend recipes](https://copypasteui.dev/r/recipes/index.json): tables, sign-in and access rules for the "admin" screens on the AI builder's own backend, Supabase, Firebase, Convex, Postgres, PocketBase, Cloudflare or Google Sheets; each `/r/recipes/{slug}.json` has a ready `prompt`

## Templates

- [Little Acorns — Nursery & Preschool](https://copypasteui.dev/templates/acorns-nursery): A nature-loving nursery: playful hero with photo blobs, scrolling daily rhythm, fee calculator with funded hours, room tabs, parent FAQ with show-round booking and wavy footer. Fits a nursery, preschool, childminder, kids’ club or tutoring centre. JSON: https://copypasteui.dev/r/templates/acorns-nursery.json
- [Aether — AI Agents Launch](https://copypasteui.dev/templates/aether-ai): A cinematic dark launch page with live code-generated backgrounds: planet-horizon hero, constellation agent grid, animated pipeline, neon-ring pricing, light-beam CTA and eclipse footer. Fits an AI product launch or waitlist. JSON: https://copypasteui.dev/r/templates/aether-ai.json
- [Brightline — Dental Clinic](https://copypasteui.dev/templates/brightline-dental): A family dental practice: reassuring hero with next appointment, treatments and fees, team with nervous-patient note, care-plan calculator, appointment request and footer. Fits a dentist, orthodontist, optician, GP or private clinic. JSON: https://copypasteui.dev/r/templates/brightline-dental.json
- [Brinebank — Seafood Restaurant](https://copypasteui.dev/templates/brinebank-kitchen): An editorial seafood restaurant: newspaper masthead hero with a photo wipe, a story that lights up word by word, a menu that strikes through sold-out dishes, the two boats, booking and a back-page footer. Fits a seafood restaurant, bistro, wine bar, bookshop café, food magazine or independent shop with a story to tell. JSON: https://copypasteui.dev/r/templates/brinebank-kitchen.json
- [Canopy — Resort & Eco-Lodge](https://copypasteui.dev/templates/canopy-resort): A rainforest eco-resort: full-screen aerial hero with availability search, villa selector, expanding experiences, sustainability stats, stay packages and a pool CTA footer. Fits a resort, eco-lodge, retreat or villa rental. JSON: https://copypasteui.dev/r/templates/canopy-resort.json
- [Cinderwick — Coffee Roastery & Café](https://copypasteui.dev/templates/cinderwick-coffee): A warm roastery site: serif hero, coffee shop with subscription toggle, café menu, farm-to-cup story, polaroid reviews, subscription CTA and café footer. Fits a coffee roaster, café or bakery. JSON: https://copypasteui.dev/r/templates/cinderwick-coffee.json
- [Clearwell — Opticians](https://copypasteui.dev/templates/clearwell-opticians): An independent opticians: portrait hero with next free slots, bento of services and prices, frames by shape, patient reviews, appointment booking and footer. Fits an optician, optometrist, audiologist, dentist, skin clinic or any appointment-led clinic. JSON: https://copypasteui.dev/r/templates/clearwell-opticians.json
- [Common Ground — Charity & Nonprofit](https://copypasteui.dev/templates/common-ground-charity): A community charity: appeal hero with live progress bar, impact counters, programmes, volunteer shift sign-up, donation widget with Gift Aid and footer. Fits a charity, nonprofit, community group, church, food bank or club. JSON: https://copypasteui.dev/r/templates/common-ground-charity.json
- [Crestline — Mountain Walking Guides](https://copypasteui.dev/templates/crestline-guiding): A Swiss-style walking holiday: slow pan-and-zoom photo hero, a self-drawing elevation route, filterable departure dates, counting trip numbers, a draggable photo strip and a grid footer. Fits a walking or trekking company, mountain guide, cycling tour, outdoor school or adventure travel agency. JSON: https://copypasteui.dev/r/templates/crestline-guiding.json
- [Crumb — Bakery & Patisserie](https://copypasteui.dev/templates/crumb-bakery): A neighbourhood bakery: playful hero with photo stack, today’s-bake shop with basket, sourdough process timeline, taped-note reviews, celebration-cake order form and hours footer. Fits a bakery, patisserie, cake shop or dessert café. JSON: https://copypasteui.dev/r/templates/crumb-bakery.json
- [Farstep — Tour Operator](https://copypasteui.dev/templates/farstep-tours): A small-group tour operator: trip search hero with fanned photos, filterable trip cards, elevation-profile itinerary, rating breakdown and reviews, FAQ with a trip-planner card and brochure footer. Fits a tour operator, travel agency, outdoor guide or activity company. JSON: https://copypasteui.dev/r/templates/farstep-tours.json
- [Fixwell — Plumber & Electrician](https://copypasteui.dev/templates/fixwell-trades): An emergency trades business: live-availability hero with postcode ETA, trade service tabs, transparent day/night pricing, reviews, call-out request and emergency footer. Fits a plumber, electrician, heating engineer, locksmith or handyman. JSON: https://copypasteui.dev/r/templates/fixwell-trades.json
- [Fizzwhip — Gelato Parlour](https://copypasteui.dev/templates/fizzwhip-gelato): A bright gelato parlour: sticker-covered hero, today's flavour board with vegan and nut-free filters, cups and tubs, kids' parties, visit details and footer. Fits an ice-cream or gelato shop, dessert parlour, bubble tea, sweet shop, juice bar or kids' café. JSON: https://copypasteui.dev/r/templates/fizzwhip-gelato.json
- [Flintmoor — Barbershop](https://copypasteui.dev/templates/flintmoor-barbers): A neighbourhood barbershop: barber-pole hero with live queue, price board, barber cards with availability, review marquees, book-or-walk-in and footer. Fits a barbershop, men’s grooming studio or tattoo parlour. JSON: https://copypasteui.dev/r/templates/flintmoor-barbers.json
- [Florea — Botanical Skincare Store](https://copypasteui.dev/templates/florea-skincare): A soft botanical e-commerce site: arched product hero, bestsellers, ingredient spotlight, morning/evening ritual, filterable reviews, skin quiz and footer. Fits a skincare, beauty or wellness brand. JSON: https://copypasteui.dev/r/templates/florea-skincare.json
- [Foxglove — Brewery & Taproom](https://copypasteui.dev/templates/foxglove-brewery): An independent brewery: dark brewhouse hero with tap ticker, tap list with flight builder, taproom bento, weekly events with RSVPs, tours and visit info, wordmark footer. Fits a brewery, taproom, pub, cocktail bar or distillery. JSON: https://copypasteui.dev/r/templates/foxglove-brewery.json
- [Gearwright — Auto Repair Garage](https://copypasteui.dev/templates/gearwright-garage): An independent garage: reg-plate lookup hero, service comparison table, live repair tracker, driver reviews, booking with courtesy car and footer. Fits a car garage, MOT centre, tyre shop, body shop or car detailer. JSON: https://copypasteui.dev/r/templates/gearwright-garage.json
- [Glaze Days — Pottery Painting Café](https://copypasteui.dev/templates/glaze-days-pottery): A clay-style paint-your-own pottery café: draggable price tags, a piece-and-glaze picker, flip-card steps, sliding party packages, a table booker and a puffy footer. Fits a pottery painting café, craft workshop, kids' activity centre, play café or art class. JSON: https://copypasteui.dev/r/templates/glaze-days-pottery.json
- [Greenline — Landscaping & Gardening](https://copypasteui.dev/templates/greenline-landscaping): A landscaping firm: garden panorama hero, service cards, plan-to-garden drag slider, client stories, garden enquiry form and footer. Fits a landscaper, gardener, tree surgeon, fencing or pool company. JSON: https://copypasteui.dev/r/templates/greenline-landscaping.json
- [Hale & Partners — Law Firm](https://copypasteui.dev/templates/hale-law): A family law firm: classic serif hero with area links, practice areas with published fixed fees, results, partner cards, free-consultation callback and regulatory footer. Fits a law firm, solicitor, notary, consultancy or financial adviser. JSON: https://copypasteui.dev/r/templates/hale-law.json
- [Harbour Float — Float Tanks & Sauna](https://copypasteui.dev/templates/harbour-float-spa): A glass-style wellness site: tilting price cards over a pool photo, expanding room panels, a scroll-filled first-visit clock, counting prices, drifting reviews and a frosted footer. Fits a float centre, sauna, spa, bathhouse, cold-water club or wellness studio. JSON: https://copypasteui.dev/r/templates/harbour-float-spa.json
- [Hearth & Wick — Candle Maker](https://copypasteui.dev/templates/hearth-wick-candles): A handmade candle studio with a tactile look: hero with scent of the month, candle shop with sizes and a basket, workshop booking, how they're made, reviews and footer. Fits a candle maker, soap maker, potter, ceramicist, jeweller, bookbinder or any small maker who sells online and runs workshops. JSON: https://copypasteui.dev/r/templates/hearth-wick-candles.json
- [Hollinmere Estate — Winery & Vineyard](https://copypasteui.dev/templates/hollinmere-winery): A family vineyard: parallax hero, wine list with tasting profiles, a year in the vineyard, tasting bookings, wine club and footer. Fits a winery, vineyard, cidery, distillery or cellar door. JSON: https://copypasteui.dev/r/templates/hollinmere-winery.json
- [Hollow Creek — Farm & Farm Shop](https://copypasteui.dev/templates/hollow-creek-farm): A family farm: sunrise hero with pick-your-own board, veg-box builder, farm story, seasonal events and PYO calendar, visit info and hills footer. Fits a farm, farm shop, orchard, CSA, market garden or dairy. JSON: https://copypasteui.dev/r/templates/hollow-creek-farm.json
- [Hush Hearing — Audiologist](https://copypasteui.dev/templates/hush-hearing): A neumorphic audiologist: soft sound-wave hero, services that press into the page, a pitch slider with a live wave, a lifting hearing aid price table, a calm FAQ and footer. Fits an audiologist, hearing centre, optician, speech therapist or tinnitus service. JSON: https://copypasteui.dev/r/templates/hush-hearing.json
- [Ironbark — Builder & Renovations](https://copypasteui.dev/templates/ironbark-builders): A building contractor: bold hero with project stats, hover services list, filterable project gallery, five-step process, cost estimator with survey form and wordmark footer. Fits a builder, contractor, roofer, carpenter, decorator or renovation company. JSON: https://copypasteui.dev/r/templates/ironbark-builders.json
- [Juniper — Photographer](https://copypasteui.dev/templates/juniper-photography): A portrait and family photographer: split slideshow hero, filterable portfolio with lightbox, session packages, kind words, enquiry form and Instagram footer. Fits a photographer, videographer, artist, illustrator or tattoo artist. JSON: https://copypasteui.dev/r/templates/juniper-photography.json
- [Keystone — Estate Agents](https://copypasteui.dev/templates/keystone-estate-agents): An independent estate agency: property search hero, filterable listings, instant valuation, rotating reviews, branch contact with map and footer. Fits an estate agent, letting agent, property manager or holiday-let company. JSON: https://copypasteui.dev/r/templates/keystone-estate-agents.json
- [Studio Kiln — Creative Agency](https://copypasteui.dev/templates/kiln-agency): A small design studio: variable-font hero with rolling words, typographic case studies, services accordion, team polaroids, project-brief builder and marquee footer. Fits a design studio, creative or marketing agency, web designer or freelancer. JSON: https://copypasteui.dev/r/templates/kiln-agency.json
- [Larder Lane — Sourdough Bakery](https://copypasteui.dev/templates/larder-lane-bakery): A 70s-retro neighbourhood bakery: turning sunburst hero, a sticky photo that changes with each bake step, specials by day, a Saturday pre-order with a rolling total, fanned reviews and a wavy footer. Fits a bakery, café, doughnut shop, deli, ice-cream parlour or retro diner. JSON: https://copypasteui.dev/r/templates/larder-lane-bakery.json
- [Ledger — Accountants & Bookkeepers](https://copypasteui.dev/templates/ledger-accountants): A small-business accountancy: dashboard hero, plans repriced by business type, tax-deadline timeline, client stories, free-call booking and footer. Fits an accountant, bookkeeper, tax adviser, payroll or insurance broker. JSON: https://copypasteui.dev/r/templates/ledger-accountants.json
- [Lockfast — Brewery Taproom](https://copypasteui.dev/templates/lockfast-brewery): A neo-brutalist brewery taproom: spinning sticker hero, filterable tap list, events with cursor-follow photos, a self-drawing brewing pipeline, a scroll-speed marquee and a bold footer. Fits a brewery, taproom, craft beer bar, distillery, cider maker or bottle shop. JSON: https://copypasteui.dev/r/templates/lockfast-brewery.json
- [Lumen — AI Analytics SaaS](https://copypasteui.dev/templates/lumen-ai): A dark, product-led AI SaaS site: typed AI demo hero with dashboard, product bento, integrations orbit, usage pricing slider, customer stories and command CTA. Fits an AI or data SaaS product. JSON: https://copypasteui.dev/r/templates/lumen-ai.json
- [Margin — Independent Bookshop](https://copypasteui.dev/templates/margin-books): An independent bookshop set like a magazine: cover-style hero, numbered staff picks by shelf, readings and events, book-of-the-month subscriptions with a gift option, visit details and footer. Fits a bookshop, record shop, deli, wine shop, gallery or any independent shop with picks and events. JSON: https://copypasteui.dev/r/templates/margin-books.json
- [Marlowe — Fashion Boutique](https://copypasteui.dev/templates/marlowe-boutique): An independent fashion boutique: editorial hero, quick-add product grid, scroll-driven lookbook, reviews with service promises, personal-styling booking and wordmark footer. Fits a clothing boutique, concept store, tailor or accessories shop. JSON: https://copypasteui.dev/r/templates/marlowe-boutique.json
- [Mossbrook — Vet & Pet Care](https://copypasteui.dev/templates/mossbrook-vets): A vet and grooming practice: pet-switcher hero, services bento, health-plan calculator, flip cards of vets and their pets, appointment booking and paw footer. Fits a vet, groomer, dog walker, pet sitter, kennels or pet shop. JSON: https://copypasteui.dev/r/templates/mossbrook-vets.json
- [Motion — Physiotherapy Clinic](https://copypasteui.dev/templates/motion-physio): A physio and sports-rehab clinic: bold hero with outcomes, interactive body map, recovery timeline, patient results, booking flow and marquee footer. Fits a physiotherapist, chiropractor, osteopath, sports clinic or personal trainer. JSON: https://copypasteui.dev/r/templates/motion-physio.json
- [Nord — Architecture Studio](https://copypasteui.dev/templates/nord-architecture): A quiet, Swiss-style studio site: wordmark hero, cursor-preview project index, studio principles, scroll-driven process, client quote, enquiry form and clock footer. Fits an architecture, interior or design studio. JSON: https://copypasteui.dev/r/templates/nord-architecture.json
- [Olea — Restaurant & Bistro](https://copypasteui.dev/templates/olea-restaurant): A coastal Mediterranean restaurant: full-bleed dining-room hero, tabbed menus with dietary badges, chef story, guest and press reviews, a table-booking widget and a wordmark footer. Fits a restaurant, bistro, trattoria or wine bar. JSON: https://copypasteui.dev/r/templates/olea-restaurant.json
- [Petal & Stem — Florist](https://copypasteui.dev/templates/petal-florist): A local florist: postcode delivery-check hero, bouquet shop with sizes, flower subscription, wedding gallery, visit and delivery zones, petal footer. Fits a florist, flower farm, plant shop or gift shop. JSON: https://copypasteui.dev/r/templates/petal-florist.json
- [Pinehollow — Cabins & B&B](https://copypasteui.dev/templates/pinehollow-cabins): Woodland cabins: split hero with weather card, filterable cabin cards, seasonal tabs, lined-paper guestbook, availability calendar with live pricing and pine footer. Fits holiday cabins, a B&B, guesthouse, glamping site or campsite. JSON: https://copypasteui.dev/r/templates/pinehollow-cabins.json
- [Poggio Lento — Vineyard Farm Stay](https://copypasteui.dev/templates/poggio-lento-agriturismo): A dark-luxury farm stay and winery: a photo frame that opens on scroll, rooms on a sideways-scrolling track, a dinner menu that rises line by line, a spotlit wine list, an enquiry form and a quiet footer. Fits a boutique hotel, agriturismo, winery, guesthouse, private dining venue or luxury rental. JSON: https://copypasteui.dev/r/templates/poggio-lento-agriturismo.json
- [Prism — Creative Tool Launch](https://copypasteui.dev/templates/prism-design): A vivid product page on live backgrounds: WebGL fluid-gradient hero with multiplayer canvas, ribbon features, CSS-art poster gallery, grain-gradient testimonials and light-ray CTA. Fits a design, creative or collaboration tool. JSON: https://copypasteui.dev/r/templates/prism-design.json
- [Pulse — Performance Gym](https://copypasteui.dev/templates/pulse-gym): A loud, high-contrast gym site: condensed hero with free-week badge, filterable classes, bookable timetable, coaches, membership, member results and a volt footer. Fits a gym, fitness or boxing studio. JSON: https://copypasteui.dev/r/templates/pulse-gym.json
- [Quavermoor — Music School](https://copypasteui.dev/templates/quavermoor-music): A music school for all ages: sound-wave hero, instrument picker, concerts and events, student stories, free trial-lesson form and stave footer. Fits a music school, tutor, dance or drama academy, language school or driving instructor. JSON: https://copypasteui.dev/r/templates/quavermoor-music.json
- [Silverline — Roller Rink](https://copypasteui.dev/templates/silverline-roller-rink): A roller disco in Y2K chrome: mirror-ball hero with the next sessions, timetable filtered by session type, prices, birthday party calculator, beginner course and footer. Fits a roller rink, bowling alley, trampoline park, climbing wall, arcade or other leisure venue. JSON: https://copypasteui.dev/r/templates/silverline-roller-rink.json
- [Sola — Yoga & Pilates Studio](https://copypasteui.dev/templates/sola-yoga): A yoga and pilates studio: sunny hero with intro offer, bookable timetable, class types, passes and pricing, community stories and footer. Fits a yoga studio, pilates studio, dance school or small gym. JSON: https://copypasteui.dev/r/templates/sola-yoga.json
- [Solenne — Boutique Hotel](https://copypasteui.dev/templates/solenne-hotel): A sun-drenched boutique hotel site: full-bleed hero with booking bar, rooms carousel, experiences bento, guest reviews, seasonal packages, parallax sunset CTA and footer. Fits a boutique hotel, villa or resort. JSON: https://copypasteui.dev/r/templates/solenne-hotel.json
- [Spruce — Cleaning Service](https://copypasteui.dev/templates/spruce-cleaning): A home cleaning company: instant-price hero, frequency pricing, room-by-room checklist, reviews and promises, FAQ with guarantee and bubbly footer. Fits a cleaning company, laundrette, window cleaner or home-care service. JSON: https://copypasteui.dev/r/templates/spruce-cleaning.json
- [Still — Day Spa](https://copypasteui.dev/templates/still-spa): A calm day spa: breathing-guide hero, treatment menu with duration pricing, thermal-suite bento, visit options, gift-voucher builder and minimal footer. Fits a spa, massage therapist, float centre, sauna or wellness studio. JSON: https://copypasteui.dev/r/templates/still-spa.json
- [Undercroft — Independent Cinema](https://copypasteui.dev/templates/undercroft-cinema): A 62-seat basement cinema in raw brutalist style: split hero with tonight's films, weekly listings in tabs, tickets and membership, private hire, visiting FAQ and footer. Fits an independent cinema, comedy club, small theatre, gig venue, gallery or arts centre. JSON: https://copypasteui.dev/r/templates/undercroft-cinema.json
- [Maison Verelle — Hair Salon](https://copypasteui.dev/templates/verelle-salon): A boutique hair salon: editorial hero with next slots, price list by stylist level, stylist cards, work gallery with lightbox, three-step booking and wordmark footer. Fits a hair salon, colourist, beauty salon, nail or brow studio. JSON: https://copypasteui.dev/r/templates/verelle-salon.json
- [Wax Cellar — Record Shop](https://copypasteui.dev/templates/wax-cellar-records): A risograph-printed record shop: a record that turns as you scroll, a crate of sleeves to flick through, out-of-register gig listings, a price guide for selling records, a now-playing bar and a two-ink footer. Fits a record shop, music venue, zine shop, comic shop, gig promoter or independent label. JSON: https://copypasteui.dev/r/templates/wax-cellar-records.json
- [Wrenhollow — Wedding & Event Venue](https://copypasteui.dev/templates/wrenhollow-weddings): A country-house wedding venue: arched-photo hero, hover list of spaces, hour-by-hour day timeline, couple stories, a guide-price builder and photo-strip footer. Fits a wedding venue, event space, country house or wedding planner. JSON: https://copypasteui.dev/r/templates/wrenhollow-weddings.json

## Component categories

- [Navbars](https://copypasteui.dev/components/navbar): 3 components
- [Heroes](https://copypasteui.dev/components/hero): 62 components
- [Logo Clouds](https://copypasteui.dev/components/logos): 3 components
- [Features](https://copypasteui.dev/components/features): 35 components
- [How It Works](https://copypasteui.dev/components/how-it-works): 21 components
- [Stats & Metrics](https://copypasteui.dev/components/stats): 6 components
- [Testimonials](https://copypasteui.dev/components/testimonials): 31 components
- [Pricing](https://copypasteui.dev/components/pricing): 28 components
- [FAQ](https://copypasteui.dev/components/faq): 7 components
- [Calls To Action](https://copypasteui.dev/components/cta): 15 components
- [Team](https://copypasteui.dev/components/team): 9 components
- [Contact](https://copypasteui.dev/components/contact): 33 components
- [Galleries & Portfolio](https://copypasteui.dev/components/gallery): 22 components
- [Products & E-commerce](https://copypasteui.dev/components/products): 20 components
- [Menus](https://copypasteui.dev/components/menu): 8 components
- [Events & Schedules](https://copypasteui.dev/components/events): 18 components
- [Blog & Articles](https://copypasteui.dev/components/blog): 2 components
- [Footers](https://copypasteui.dev/components/footer): 56 components
- [Utility pages](https://copypasteui.dev/components/pages): 9 components
- [Back office](https://copypasteui.dev/components/admin): 12 components
- [Backgrounds](https://copypasteui.dev/components/background): 29 components
- [Buttons](https://copypasteui.dev/components/buttons): 3 components
- [Cards](https://copypasteui.dev/components/cards): 3 components

## Themes

- [Little Acorns](https://copypasteui.dev/r/themes/acorns.json): Cream, tomato, sunshine and leaf green with Baloo 2 and Nunito. Nurseries, preschools, childminders, kids’ clubs.
- [Aether](https://copypasteui.dev/r/themes/aether.json): Black space with a burnt-orange horizon and a technical grotesk. For deep-tech products that want drama without the purple glow.
- [Brightline](https://copypasteui.dev/r/themes/brightline.json): Clinical white, teal and mint with Red Hat Display and Red Hat Text. Dentists, clinics, opticians.
- [Canopy](https://copypasteui.dev/r/themes/canopy.json): Rainforest green, sand and brass with Marcellus and Work Sans. Resorts, eco-lodges, retreats.
- [Chalk](https://copypasteui.dev/r/themes/chalk.json): White, near-black and nothing else, with Geist headings set medium and tight. For software, studios and services that want a quiet, modern look.
- [Chrome](https://copypasteui.dev/r/themes/chrome.json): Silver, lilac and electric violet, wide Michroma headings, glossy pressable buttons with round ends. Y2K retro-futurism for music, nightlife, fashion and tech launches.
- [Cinderwick](https://copypasteui.dev/r/themes/cinderwick.json): Dark roast, crema and steamed-milk cream with Fraunces and DM Sans. Cafés, roasteries, bakeries.
- [Citrus](https://copypasteui.dev/r/themes/citrus.json): Sunny tangerine and lemon on warm white. Cheerful and appetising — food, e-commerce and kids' brands.
- [Cobalt](https://copypasteui.dev/r/themes/cobalt.json): Crisp white and an electric blue that turn deep navy-black in dark mode, with Plus Jakarta Sans headings set medium and tight. For SaaS, fintech and B2B services.
- [Common Ground](https://copypasteui.dev/r/themes/common-ground.json): Warm white, deep harbour blue and coral with Literata and Atkinson Hyperlegible. Charities, nonprofits, community groups, churches.
- [Crumb](https://copypasteui.dev/r/themes/crumb.json): Butter cream, strawberry and crust brown with Young Serif and Outfit. Bakeries, patisseries, dessert shops.
- [Dopamine](https://copypasteui.dev/r/themes/dopamine.json): Hot pink, sunshine yellow and mint on cream, chunky Dela Gothic headings set large and pill buttons. Loud and happy, for cafés, kids' activities, fitness and gift shops.
- [Espresso](https://copypasteui.dev/r/themes/espresso.json): Roasted browns, crema and a terracotta accent with a classic serif. Made for restaurants, cafés and craft brands.
- [Farstep](https://copypasteui.dev/r/themes/farstep.json): Glacier blue, sunflower and chalk with Chivo and Figtree. Tour operators, travel agencies, outdoor guides.
- [Fixwell](https://copypasteui.dev/r/themes/fixwell.json): Navy, safety yellow and white with Lexend. Plumbers, electricians, heating engineers, handymen.
- [Flintmoor](https://copypasteui.dev/r/themes/flintmoor.json): Charcoal, oxblood and brass with Alfa Slab One and Barlow. Barbershops, tattoo studios, menswear.
- [Florea](https://copypasteui.dev/r/themes/florea.json): Blush, sage and soft clay with Cormorant Garamond and Jost. Botanical beauty, skincare and wellness shops.
- [Folio](https://copypasteui.dev/r/themes/folio.json): Editorial: newsprint cream, ink black, oxblood, Instrument Serif headlines, hairline rules and paper grain. Magazines, writers, restaurants, bookshops.
- [Forest](https://copypasteui.dev/r/themes/forest.json): Sage and moss greens with cream highlights. Natural, trustworthy, great for wellness and climate.
- [Foxglove](https://copypasteui.dev/r/themes/foxglove.json): Kraft paper, ink black and hop orange with Bebas Neue and Space Grotesk. Breweries, taprooms, bars.
- [Frost](https://copypasteui.dev/r/themes/frost.json): Glass: frosted cards over a soft sea-blue and aqua wash, white edges, Manrope. Apps, studios, wellness, anything that wants light and depth.
- [Gearwright](https://copypasteui.dev/r/themes/gearwright.json): Gunmetal, signal red and white with Saira Condensed and Saira. Garages, MOT centres, tyre shops, detailers.
- [Greenline](https://copypasteui.dev/r/themes/greenline.json): Box-hedge green, stone and fresh lime with Spectral and Inter Tight. Landscapers, gardeners, tree surgeons.
- [Grid](https://copypasteui.dev/r/themes/grid.json): Swiss: white, black and one signal red on a ruled grid, square corners, no shadows, Archivo set tight. Architects, studios, galleries, agencies.
- [Groove](https://copypasteui.dev/r/themes/groove.json): 70s retro: sunflower cream, burnt orange and brown, fat rounded Shrikhand headlines, chunky outlines with orange offset shadows on a dot pattern.
- [Hale & Partners](https://copypasteui.dev/r/themes/hale.json): Ink navy, parchment and brass with EB Garamond and IBM Plex Sans. Law firms, notaries, consultancies.
- [Hollinmere Estate](https://copypasteui.dev/r/themes/hollinmere.json): Claret, limestone and vine leaf with Newsreader and Schibsted Grotesk. Wineries, vineyards, cellar doors.
- [Hollow Creek](https://copypasteui.dev/r/themes/hollow-creek.json): Barn red, straw and pasture green with Arvo and Public Sans. Farms, farm shops, orchards, CSAs.
- [Ironbark](https://copypasteui.dev/r/themes/ironbark.json): Concrete, charcoal and hi-vis amber with Big Shoulders Display and Instrument Sans. Builders, contractors, renovators.
- [Juniper](https://copypasteui.dev/r/themes/juniper.json): Warm paper, espresso and dusk rose with Cardo and Manrope. Photographers, videographers, artists.
- [Keystone](https://copypasteui.dev/r/themes/keystone.json): Charcoal, warm white and champagne gold with Libre Caslon Display and Montserrat. Estate agents, lettings, property management.
- [Studio Kiln](https://copypasteui.dev/r/themes/kiln.json): Off-white, ink, kiln orange and lilac with Anybody and Inter. Creative agencies, design studios, marketing consultancies.
- [Lavender](https://copypasteui.dev/r/themes/lavender.json): Dusty lavender with apricot, a soft serif and rounded corners. Calm without the electric purple.
- [Ledger](https://copypasteui.dev/r/themes/ledger.json): Emerald, mint and paper white with Geologica. Accountants, bookkeepers, financial planners.
- [Linen](https://copypasteui.dev/r/themes/linen.json): Warm off-white, stone greys and a burnt-orange accent, with Onest headings set medium and tight. For agencies, consultants and products with a friendly edge.
- [Liquid](https://copypasteui.dev/r/themes/liquid.json): Clear, strongly blurred panels with a lit edge over a wash of blue and lavender, pill buttons and Hanken Grotesk headings. The iOS 26 glass look, for apps, studios and salons.
- [Lumen](https://copypasteui.dev/r/themes/lumen.json): Off-white with bottle green and a lime highlight, set in Archivo. For data and analytics products that want to feel grounded.
- [Marlowe](https://copypasteui.dev/r/themes/marlowe.json): Ecru, ink and camel with Bodoni Moda and Hanken Grotesk. Fashion boutiques, concept stores, tailors.
- [Masthead](https://copypasteui.dev/r/themes/masthead.json): Near-white and ink with an acid-lime highlight, and Instrument Serif headings set extra large like a magazine cover. Oversized type for restaurants, architects, galleries and portfolios.
- [Midnight](https://copypasteui.dev/r/themes/midnight.json): Ink-navy surfaces, a brass accent and a sturdy grotesk. For software and tools that want to look serious, not shiny.
- [Mono](https://copypasteui.dev/r/themes/mono.json): Brutalist black and white with a single signal-yellow accent and square corners. Confident and editorial.
- [Mossbrook](https://copypasteui.dev/r/themes/mossbrook.json): Navy, warm orange and biscuit with Gabarito and DM Sans. Vets, groomers, dog walkers, pet shops.
- [Motion](https://copypasteui.dev/r/themes/motion.json): Cobalt, chalk and electric lime with Archivo. Physiotherapy, sports clinics, personal trainers.
- [Neon](https://copypasteui.dev/r/themes/neon.json): Cyber-night with acid lime and hot magenta glow. Loud, high-energy — events, gaming and Web3 launches.
- [Noir](https://copypasteui.dev/r/themes/noir.json): Dark luxury: near-black, warm ivory and antique bronze, Cormorant Garamond headlines, square corners and a fine grain. Jewellers, bars, hotels, tailors.
- [Nord](https://copypasteui.dev/r/themes/nord.json): Gallery-white, graphite and a single oxide accent with Inter Tight. Quiet, precise, architectural.
- [Obsidian](https://copypasteui.dev/r/themes/obsidian.json): Graphite greys that turn near-black in dark mode, a fine grain and Inter Tight headings set medium and tight. For AI products, security and developer tools.
- [Ocean](https://copypasteui.dev/r/themes/ocean.json): Clear blues and sea-glass teal on airy white. Trustworthy and fresh — fintech, travel, health.
- [Olea](https://copypasteui.dev/r/themes/olea.json): Olive, terracotta and linen with Gilda Display and Manrope. Restaurants, trattorias, wine bars.
- [Paper](https://copypasteui.dev/r/themes/paper.json): Warm off-white paper with ink-black type and a vermilion accent. Calm, editorial, readable.
- [Pebble](https://copypasteui.dev/r/themes/pebble.json): Neumorphic: cool grey panels pressed out of the page with paired light and dark shadows, no borders, DM Sans. Calm apps, studios, wellness.
- [Petal & Stem](https://copypasteui.dev/r/themes/petal.json): Blush, peony and stem green with Gloock and Albert Sans. Florists, flower farms, gift shops.
- [Pinehollow](https://copypasteui.dev/r/themes/pinehollow.json): Pine, rust and oatmeal wool with Zilla Slab and Karla. Cabins, B&Bs, guesthouses, campsites.
- [Poster](https://copypasteui.dev/r/themes/poster.json): Neo-brutalist: cream paper, black 2px outlines, hard offset shadows, cobalt and marigold, Archivo Black headings and a little grain.
- [Prism](https://copypasteui.dev/r/themes/prism.json): Warm white with vermilion and butter yellow, Familjen Grotesk headings. For creative tools and studios.
- [Pulse](https://copypasteui.dev/r/themes/pulse.json): Gym-floor black with volt yellow-green and a condensed Anton headline face. Loud, athletic, high-contrast.
- [Putty](https://copypasteui.dev/r/themes/putty.json): Clay: puffy peach and mint panels with soft coloured shadows and inner highlights, big round corners, Fredoka headings. Kids, pets, cafés, friendly apps.
- [Quavermoor](https://copypasteui.dev/r/themes/quavermoor.json): Plum, ivory and brass with Prata and Inter. Music schools, tutors, dance and drama academies.
- [Raw](https://copypasteui.dev/r/themes/raw.json): Concrete grey, square corners, hairline rules and Space Mono text, with big Space Grotesk headings and one hit of signal orange. Anti-grid brutalism for studios, record shops and events.
- [Riso](https://copypasteui.dev/r/themes/riso.json): Risograph print: off-white paper, navy ink, fluorescent pink and blue, misregistered pink offset shadows and grain, Bricolage Grotesque. Zines, record shops, events.
- [Rose](https://copypasteui.dev/r/themes/rose.json): Blush pink, rosewood and soft cream with an elegant serif. Weddings, beauty, wellness and boutiques.
- [Slate](https://copypasteui.dev/r/themes/slate.json): Petrol blue on cool grey with a no-nonsense grotesk. For firms, councils and anything that needs to read as trustworthy.
- [Sola](https://copypasteui.dev/r/themes/sola.json): Terracotta, sunrise peach and oat with Epilogue and Onest. Yoga, pilates and movement studios.
- [Solenne](https://copypasteui.dev/r/themes/solenne.json): Sun-bleached sand, deep sea blue and a soft terracotta, set in Instrument Serif. Coastal hospitality and travel.
- [Spruce](https://copypasteui.dev/r/themes/spruce.json): Fresh aqua, mint and white with Fredoka and Poppins. Cleaning services, laundrettes, home care.
- [Still](https://copypasteui.dev/r/themes/still.json): Stone, sage and warm sand with Bellefair and Nunito Sans. Spas, massage, wellness and float centres.
- [Sunset](https://copypasteui.dev/r/themes/sunset.json): Bold peach-to-magenta energy with chunky radius. Playful, loud, perfect for consumer apps and creators.
- [Tactile](https://copypasteui.dev/r/themes/tactile.json): Warm paper, deep green and mustard, a fine grain and soft pressable panels with a lit top edge, under round Caprasimo headings. Light skeuomorphism for makers, shops and wellness.
- [Terminal](https://copypasteui.dev/r/themes/terminal.json): Phosphor green on deep charcoal with a monospace voice. Built for developer tools, CLIs and infra.
- [Maison Verelle](https://copypasteui.dev/r/themes/verelle.json): Champagne, blush and soft black with Italiana and Urbanist. Hair salons, colourists, beauty studios.
- [Wrenhollow](https://copypasteui.dev/r/themes/wrenhollow.json): Sage, blush and ivory with Cormorant and Mulish. Wedding venues, event spaces, planners.

## Optional

- [llms-full.txt](https://copypasteui.dev/llms-full.txt): every component with description, tags, dependencies and install links
- [Changelog](https://copypasteui.dev/changelog): what's new, newest first ([RSS](https://copypasteui.dev/feed.xml))
- [Contribute](https://copypasteui.dev/contribute): how to add components, themes and templates
- [Sitemap](https://copypasteui.dev/sitemap.xml)