Sections

The building blocks of every template, free for your own and your clients’ sites. Preview any of them in any theme, then copy the prompt or install it.

Animated backgrounds29 moving backdrops, from WebGL chrome to photos with drifting mist. Wrap any section in one.See all backgrounds

For:

Navbars

See all 3 →

navbar

Announcement Navbar

Dismissible announcement bar above a navbar with an animated product mega-menu.

by @copypasteui

navbar

Split Logo Navbar

Centered wordmark with links split either side, a reserve button and a full-screen mobile menu.

by @copypasteui

navbar

Floating Pill Navbar

Sticky pill-shaped navbar that turns frosted glass on scroll, with an animated mobile sheet.

by @copypasteui

Heroes

See all 62 →

heroclearwell

Clearwell Opticians Hero

Opticians hero with a tall portrait and a glass card of the next free eye-test slots, over the theme's colour wash.

by @copypasteui

herofizzwhip

Fizzwhip Gelato Hero

Loud gelato parlour hero: a tilted flavour-count sticker, chunky headline, a round cone photo and springy price badges.

by @copypasteui

herohearth

Hearth & Wick Candle Hero

Warm maker hero with a candle-lighting photo, a scent-of-the-month card and buttons to shop or book a workshop.

by @copypasteui

heromargin

Margin Bookshop Hero

Magazine-cover bookshop hero: an issue line, a huge serif headline with one italic word, a short intro and a wide shop photo.

by @copypasteui

herosilverline

Silverline Roller Rink Hero

Y2K roller rink hero with wide uppercase headline, a tall skating photo and a card of the next three sessions.

by @copypasteui

heroundercroft

Undercroft Cinema Hero

Brutalist cinema hero split by hairlines: a huge headline, ticket prices, a black-and-white auditorium photo and tonight's three films.

by @copypasteui

herobrinebank

Brinebank Masthead Hero

Editorial restaurant hero set like a newspaper front page: masthead, dateline with today's catch, columns of text and a photo that wipes open.

by @copypasteui

herocrestline

Crestline Ken Burns Hero

Full-screen photo slideshow where each mountain photo slowly pans and zooms, then cross-fades to the next, with a caption, dots and a pause button.

by @copypasteui

Logo Clouds

See all 3 →

logoslumen

Lumen Integrations Orbit

Two counter-rotating rings of integration pills orbiting the product mark.

by @copypasteui

logos

Sponsor Logo Grid

Tiered sponsor grid (headline, gold, community) with hairline borders and hover states.

by @copypasteui

logos

Marquee Logo Cloud

Infinite, edge-faded marquee of customer wordmarks. Swap in your own logos.

by @copypasteui

Features

See all 35 →

featuresclearwell

Clearwell Eye Care Prices

Bento grid of eye-care services, each with its price: full examination with OCT scan, contact lenses, children's tests, driving checks and a dry eye clinic.

by @copypasteui

featuresharbour

Harbour Float Expanding Rooms

Float room, sauna and cold plunge as tall photo panels; the one you hover or focus widens to show its details and price.

by @copypasteui

featureshush

Hush Hearing Frequency Explorer

Slide from low to high pitch: a drawn wave tightens, everyday sounds at that pitch appear, and a note says which sounds fade first with age.

by @copypasteui

featureshush

Hush Hearing Press-In Services

Clinic services as soft raised tiles that press into the page on hover or focus, each with a duration and price.

by @copypasteui

featurespoggio

Poggio Lento Sideways Rooms

The six rooms on a horizontal track that slides sideways as you scroll down, pinned in place; stacks vertically on phones and with reduced motion.

by @copypasteui

featuresacorns

Little Acorns Daily Rhythm

Horizontally scrolling day-at-nursery cards with times, emoji and photos that tilt and lift.

by @copypasteui

featuresaether

Aether Agents Grid

Glass agent cards with live metrics over a drifting constellation network canvas.

by @copypasteui

features

Alternating Feature Rows

Zig-zag feature rows with animated inbox, calendar and growth-chart visuals.

by @copypasteui

How It Works

See all 21 →

how it workshearth

Hearth & Wick Process

Four numbered steps from melting the wax to curing, beside a photo of the pour.

by @copypasteui

how it workssilverline

Silverline Learn to Skate

Four-week beginner course as numbered cards, one per Wednesday, with price, ages and a booking button.

by @copypasteui

how it workscrestline

Crestline Elevation Route

Seven-day route as an elevation profile that draws itself as you scroll; pick a day to see its distance, ascent and where you sleep.

by @copypasteui

how it worksglaze

Glaze Days Flip-Card Steps

Four steps from picking a piece to collecting it, as cards that flip over when clicked or tapped to show the detail.

by @copypasteui

how it worksharbour

Harbour Float First Visit Clock

Your first 90 minutes as timed steps beside a clock ring that fills as you scroll.

by @copypasteui

how it workslarder

Larder Lane Sticky Bake Steps

Four timed steps from mixing to opening; the photo beside them stays in place and cross-fades to each step's photo as you scroll past it.

by @copypasteui

how it workslockfast

Lockfast Brewing Steps

Four brewing steps joined by a pipe that draws itself as you scroll, with tank temperatures and days for each.

by @copypasteui

how it workswax

Wax Cellar Sell Your Records

Price guide for selling records: pick a condition and a genre, and a bar slides to the price range we pay per LP.

by @copypasteui

Stats & Metrics

See all 6 →

statscrestline

Crestline Trip in Numbers

The trip as six big numbers on a strict grid that count up when they come into view.

by @copypasteui

stats

Area Chart Stats

Key metrics beside an animated SVG area chart with 6M/1Y/3Y range switching.

by @copypasteui

statscanopy

Canopy Sustainability Stats

Eco-impact counters with a clip-path photo reveal and a guest review card.

by @copypasteui

statscommon

Common Ground Impact

Counting impact stats and a stacked bar showing where every £10 goes.

by @copypasteui

statshale

Hale Results

Counting statistics over a dark architectural photo with a founder quote.

by @copypasteui

stats

Count-Up Stats

Four headline metrics in a hairline grid that count up when scrolled into view.

by @copypasteui

Testimonials

See all 31 →

testimonialsclearwell

Clearwell Patient Reviews

Three patient reviews in uneven columns, with the Google rating and review count.

by @copypasteui

testimonialshearth

Hearth & Wick Reviews

Three customer reviews on raised cards with the overall rating.

by @copypasteui

testimonialsharbour

Harbour Float Review Columns

Reviews in two columns drifting up and down in opposite directions, with a pause button and a still layout for reduced motion.

by @copypasteui

testimonialslarder

Larder Lane Fanned Reviews

Customer reviews on rounded cards that fan out from a stack as the section scrolls into view.

by @copypasteui

testimonialscinderwick

Cinderwick Polaroid Reviews

Taped polaroid review cards that tilt into place and straighten on hover.

by @copypasteui

testimonialscrumb

Crumb Counter Notes

Taped-note reviews in a tilted masonry wall that straighten on hover.

by @copypasteui

testimonialsfarstep

Farstep Traveller Reviews

Rating summary with animated star bars beside staggered review cards.

by @copypasteui

testimonialsfixwell

Fixwell Reviews

Big rating with service stats beside masonry review cards tagged by job.

by @copypasteui

Pricing

See all 28 →

pricingfizzwhip

Fizzwhip Cups and Tubs

Scoop prices as a ruled list beside take-home tubs and a party box, each with an order-for-collection button.

by @copypasteui

pricingmargin

Margin Book of the Month

Three book subscriptions in a joined grid, with a gift toggle that switches monthly prices to six-month totals.

by @copypasteui

pricingsilverline

Silverline Prices

Four ticket cards: adult, under 16, own skates and the learn-to-skate course.

by @copypasteui

pricingundercroft

Undercroft Tickets and Membership

Ticket price and two yearly memberships in ruled columns, the middle one picked out in the accent colour.

by @copypasteui

pricingglaze

Glaze Days Party Packages

Party packages for kids, grown-ups and celebrations; switching tabs slides the new package in and keeps the price and inclusions side by side.

by @copypasteui

pricingharbour

Harbour Float Prices

Glass price cards with a single, five-pack and monthly toggle; prices count to the new figure when you switch.

by @copypasteui

pricinghush

Hush Hearing Aid Price Table

Hearing aid price bands in a comparison table; the column you hover or pick lifts out, with what every band includes listed below.

by @copypasteui

pricingacorns

Little Acorns Fee Calculator

Childcare fee calculator with age group, day picker and funded-hours switch giving a weekly estimate.

by @copypasteui

FAQ

See all 7 →

faqundercroft

Undercroft Visiting FAQ

Address and phone beside an accordion of visiting questions: step-free access, drinks, latecomers, subtitles and relaxed screenings.

by @copypasteui

faqhush

Hush Hearing FAQ

Questions people ask before a first hearing test, in soft raised panels that open with a smooth height animation.

by @copypasteui

faqacorns

Little Acorns Parent FAQ

Parent FAQ accordion with a sticky parent quote and show-round booking card.

by @copypasteui

faqfarstep

Farstep FAQ & Planner

Accordion FAQ beside a sticky talk-to-a-planner card with call and chat.

by @copypasteui

faq

Searchable FAQ

Help-centre FAQ with live search, category chips and animated answers.

by @copypasteui

faqspruce

Spruce FAQ & Guarantee

Bordered accordion FAQ with a sticky re-clean guarantee card.

by @copypasteui

faq

Split Accordion FAQ

Sticky heading on the left, smooth height-animated accordion on the right.

by @copypasteui

Calls To Action

See all 15 →

ctaundercroft

Undercroft Private Hire

Inverted private-hire panel with a projector photo, seats, price, formats and bar in a ruled grid, and an enquiry button.

by @copypasteui

cta

Order Delivery CTA

Order section for a takeaway: a collection button with its discount first, then a row per delivery app with its delivery time. App names are text, with no logos.

by @copypasteui

ctalockfast

Lockfast Velocity Marquee CTA

Brewery taproom call-to-action: two huge marquee lines run in opposite directions and speed up while you scroll, above opening hours, a beer photo and booking buttons.

by @copypasteui

ctaaether

Aether Beam CTA

Headline CTA lit by a live canvas light beam pooling on the floor with drifting sparks.

by @copypasteui

ctacinderwick

Cinderwick Subscribe CTA

Subscription CTA with cadence switch, live price, perks and a pour-over photo panel.

by @copypasteui

ctacommon

Common Ground Donation Form

Donation widget with one-off/monthly toggle, amounts, custom input, impact line and Gift Aid.

by @copypasteui

ctaflorea

Florea Skin Quiz

Two-step skin quiz with progress, back, and a personalised product result with photo.

by @copypasteui

ctahollinmere

Hollinmere Estate Wine Club

Wine-club CTA over a vineyard photo with case-size toggle, price and perks.

by @copypasteui

Team

See all 9 →

teambrightline

Brightline Dental Team

Clinician cards with registration numbers beside a nervous-patients callout.

by @copypasteui

teamflintmoor

Flintmoor Barbers

Barber cards that swap portrait for their work on hover, with live availability and book buttons.

by @copypasteui

team

Founder Note

A personal letter card with a self-drawing signature. Adds warmth to about pages.

by @copypasteui

teamhale

Hale Partners

Lawyer cards with desaturated portraits that colour on hover and reveal email and call buttons.

by @copypasteui

teamkiln

Studio Kiln Team

Tilted polaroid-style team cards that straighten on hover and reveal a fun fact.

by @copypasteui

teammossbrook

Mossbrook Team & Pets

3D flip cards that turn each vet’s portrait around to reveal their own pet.

by @copypasteui

teampulse

Pulse Coaches

Staggered coach portraits that go from mono to colour on hover, with quotes and certifications.

by @copypasteui

team

Team Grid

Four-up team with real portraits, each person's patch and direct call and email links.

by @copypasteui

Contact

See all 33 →

contactclearwell

Clearwell Appointment Booking

Appointment picker: choose the type, day and time, add name and mobile, and see a confirmation. Address, hours and phone beside it.

by @copypasteui

contactfizzwhip

Fizzwhip Visit

Address, phone and opening hours in a card beside a photo of the shop front, with directions from the tram.

by @copypasteui

contactmargin

Margin Visit the Shop

Café photo beside the address, phone, a ruled table of opening hours and access notes.

by @copypasteui

contactbrinebank

Brinebank Table Booking

Editorial booking form for tables of two to six, with the walk-in policy and a confirmation that replaces the form when sent.

by @copypasteui

contactglaze

Glaze Days Table Booking

Book a painting table: pick a day, a time and how many painters, and a summary springs in with the total.

by @copypasteui

contactlarder

Larder Lane Saturday Pre-order

Pre-order for Saturday collection with plus and minus buttons per bake and a running total that rolls to each new figure.

by @copypasteui

contactpoggio

Poggio Lento Enquiry

Stay enquiry with arrival and departure dates, rooms and a note, in fine underlined fields, with a calm confirmation.

by @copypasteui

contactwax

Wax Cellar Visit and Now Playing

Visit section with the shop photo, hours and listening booths, and a now-playing bar with a moving equaliser.

by @copypasteui

Galleries & Portfolio

See all 22 →

gallerybrinebank

Brinebank Two Boats

The two boats that supply the kitchen as large editorial photos that zoom slowly on hover, with the skipper, the catch and a pull quote.

by @copypasteui

gallerybrinebank

Brinebank Word-by-Word Story

Restaurant story in large type that lights up word by word as you scroll, followed by opening hours, address and two kitchen photos.

by @copypasteui

gallerycrestline

Crestline Drag Photo Strip

A strip of route photos you can drag sideways, with numbered captions and keyboard-friendly previous and next buttons.

by @copypasteui

gallery

Hedgerow Parallax Gallery

Three columns of florist photos that drift at different speeds as you scroll, each with a short caption naming the event, place and month.

by @copypasteui

galleryacorns

Little Acorns Rooms

Room tabs with springy indicator showing ages, ratios and photos for each nursery room.

by @copypasteui

gallerycanopy

Canopy Villa Selector

Villa list that swaps a large photo and detail panel with size, sleeps, beds, pool and nightly rate.

by @copypasteui

galleryfoxglove

Foxglove Taproom Bento

Bento photo grid of the taproom with label captions, rating card and venue perk chips.

by @copypasteui

gallerygreenline

Greenline Plan to Garden Slider

Drag slider comparing a drawn site plan with the finished garden, plus project stats.

by @copypasteui

Products & E-commerce

See all 20 →

productsclearwell

Clearwell Frames

Frame collection filtered by shape (round, square, cat-eye), with maker and price on each card.

by @copypasteui

productshearth

Hearth & Wick Candle Shop

Four scents with notes, a size picker that reprices every card, add-to-basket buttons and a basket count.

by @copypasteui

productsmargin

Margin Staff Picks

Numbered staff picks in two ruled columns, each with author, price, a handwritten-style note, who picked it and a reserve link, filtered by shelf.

by @copypasteui

productsglaze

Glaze Days Piece and Glaze Picker

Pick a piece and a glaze; the drawing switches shape, the glaze colour blends in and the price updates, with the studio fee shown.

by @copypasteui

productslarder

Larder Lane Bakes by Day

Pick a day of the week to see what comes out of the oven and when; the cards swap with a springy pop and the everyday loaves stay put.

by @copypasteui

productslockfast

Lockfast Tap List

Tap list as chunky cards with style filters that reshuffle with a layout animation, ABV, pint and half prices and a keg level bar.

by @copypasteui

productspoggio

Poggio Lento Wine Spotlight

The estate's wines on a dark panel lit by a soft spotlight that follows the pointer; picking a wine shows its notes and bottle price.

by @copypasteui

productswax

Wax Cellar Crate Dig

New arrivals as a stack of record sleeves; flick or click to send the top one to the back of the crate, with price, genre and condition.

by @copypasteui

Menus

See all 8 →

menufizzwhip

Fizzwhip Flavour Board

Today's flavours as cards with a colour swatch and tasting note, filtered by vegan or nut-free.

by @copypasteui

menubrinebank

Brinebank Chalkboard Menu

Today's menu in editorial columns with dotted price leaders; dishes that have sold out get a line drawn through them as they scroll into view.

by @copypasteui

menupoggio

Poggio Lento Long Table Menu

Tonight's set dinner where each course rises line by line out of a mask as it scrolls into view, beside two food photos.

by @copypasteui

menucinderwick

Cinderwick Café Menu

Tabbed café menu with crossfading photo, dashed rows and serif prices.

by @copypasteui

menufoxglove

Foxglove Tap List

Numbered tap board with ABV colour swatches, prices and a tasting-flight builder that fills glasses.

by @copypasteui

menuolea

Olea Tabbed Menu

Dinner, lunch and Sunday menus with animated tabs, dietary badges, prices and a sticky dish photo.

by @copypasteui

Restaurant Menu

Tabbed menu with dotted price leaders, dietary icons and chef’s-pick badges.

by @copypasteui

menustill

Still Treatment Menu

Treatment list with a 60/90-minute switch that reprices and a sticky photo that follows hover.

by @copypasteui

Events & Schedules

See all 18 →

eventsfizzwhip

Fizzwhip Kids' Parties

Gelato-making parties for children: times, price per child, what's included and a button to check dates.

by @copypasteui

eventshearth

Hearth & Wick Workshops

Candle-making workshop dates with places left, full dates disabled, and a booking button that names the date you picked.

by @copypasteui

eventsmargin

Margin Readings and Events

Inverted events list with big date numerals, titles, details and seats left.

by @copypasteui

eventssilverline

Silverline Birthday Parties

Party packages with a guest slider that recalculates each package's total, beside a skating photo.

by @copypasteui

eventssilverline

Silverline Session Timetable

Week of sessions filtered by type (family, disco 18+, lessons, adults), with spaces left, last-few warnings and sold-out states.

by @copypasteui

eventsundercroft

Undercroft Film Listings

Week of screenings in day tabs, each with time, year, running time, a tag such as 35mm or subtitled, and a booking link.

by @copypasteui

eventscrestline

Crestline Departure Dates

2027 departures in a Swiss-style table with month filters, a price per person and a bar showing how many of the eight places are left.

by @copypasteui

eventslockfast

Lockfast Weekly Events

Weekly taproom events as big rows; hovering a row shows its photo following the cursor.

by @copypasteui

Blog & Articles

See all 2 →

blog

Article Reader

Long-form article page with a reading progress bar, photo with caption, sticky contents, save and share, drop cap and pull quote.

by @copypasteui

blog

Blog Post Cards

Blog index with a large lead story, photo covers, category filters and reading times.

by @copypasteui

Footers

See all 56 →

footerclearwell

Clearwell Footer

Opticians footer with address, phone and link columns for eye care, frames and the practice.

by @copypasteui

footerfizzwhip

Fizzwhip Footer

Dark footer with a weekly flavour-board email signup, shop links and the address.

by @copypasteui

footerhearth

Hearth & Wick Footer

Maker footer with shop address, opening days, phone and shop and help links.

by @copypasteui

footermargin

Margin Footer

Editorial footer with a large italic wordmark, a Sunday letter signup on an underline, links and the address.

by @copypasteui

footersilverline

Silverline Footer

Roller rink footer with address, phone, skate links and opening hours.

by @copypasteui

footerundercroft

Undercroft Footer

Footer with the name set edge to edge across the page, then address, contact and links in four columns.

by @copypasteui

footerbrinebank

Brinebank Newspaper Footer

Footer laid out like the back page of a paper: hours, address, a note on allergies and the small print in columns.

by @copypasteui

footercrestline

Crestline Swiss Footer

Footer on a strict four-column grid with the office address, a package-travel protection note, links and a large wordmark.

by @copypasteui

Utility pages

See all 9 →

pages

Mobile Action Bar

Bar fixed to the bottom of phone screens with Call, Book and Directions. It slides in after the first screen and stays out of the way on larger screens.

by @copypasteui

pages

WhatsApp Chat Button

Round button in the corner that opens a card with who replies and how soon, then WhatsApp with a first message filled in, a text or an email. No widget script or account.

by @copypasteui

pages

Closed Notice Banner

A slim notice above the navigation for holidays, refits or changed hours, with one link and a close button.

by @copypasteui

pages

Coming Soon Page

Pre-launch page with the opening date, a days-to-go line, an email signup and the address, beside a full-height photo.

by @copypasteui

pages

Cookie Banner

Consent banner with equal Accept all and Reject all buttons and a Choose panel for analytics and marketing, as UK and EU rules expect.

by @copypasteui

pages

Privacy & Terms Page

Privacy policy and booking terms in plain English for a small business, with tabs, a contents list and every detail in one place at the top.

by @copypasteui

pages

Maintenance Page

A calm full-page notice for planned downtime or a temporary closure, with a return time and big call and email buttons.

by @copypasteui

pages

Not Found Page

A friendly 404 page with the business's most-visited pages, a way home and a tap-to-call button.

by @copypasteui

Back office

See all 12 →

admin

Back Office Bookings

A day of bookings with lunch and dinner filters, search, covers against seats, tap-to-call and a status menu: confirmed, arrived, no-show, cancelled.

by @copypasteui

admin

Back Office Customers

Customer list with search and sorting, visits and spend, a side panel for team notes, and a mailing-list export that only includes people who opted in.

by @copypasteui

admin

Back Office Enquiries

An inbox for contact-form messages: new and all filters, a reading pane, reply, tap-to-call and archive. Works as a single column on phones.

by @copypasteui

admin

Back Office Hours & Closures

Set the usual week (open or closed, from and to) and add holiday closures with the message for the website's notice banner.

by @copypasteui

admin

Back Office Menu Editor

Edit the menu in place: sections as tabs, drag to reorder, inline names and prices, dietary tags, sold-out switches, add and delete, and one Publish button.

by @copypasteui

admin

Back Office Orders

Takeaway and click-and-collect orders as a four-column board — new, preparing, ready, collected — with pick-up times, payment status, one-tap advance and print.

by @copypasteui

admin

Back Office Overview

The owner's home screen: sidebar with every back-office page, an open/closed switch, today's numbers, the next bookings and a to-do list.

by @copypasteui

admin

Back Office Reports

Plain reports for an owner: visits, online bookings, orders and takings with change on the last period, a daily visits chart, traffic sources and most-visited pages.

by @copypasteui

Backgrounds

See all 29 →

background

Aurora Curtains Background

Curtains of light waving over a dark ridge under the stars, in your primary and accent, with a slow shimmer along each fold.

by @copypasteui

background

Chrome Blobs Background

Liquid metal blobs merging and splitting in real-time WebGL, reflecting your primary and accent colours. Follows the cursor.

by @copypasteui

background

Chrome Liquid Background

Liquid chrome whose iridescent colours slowly cycle through the spectrum while it breathes in and out.

by @copypasteui

background

City Bokeh Background

Night city lights out of focus, with glowing bokeh circles in your theme colours rising and blending on canvas.

by @copypasteui

background

Desert Dusk Background

Dunes under a pink dusk sky panning slowly sideways, with heat shimmer rippling the sand.

by @copypasteui

background

Glow Orb Background

A glowing sphere hovering over a reflective floor: a slowly turning inner gradient, a bright rim and a soft reflection, in your theme's colours.

by @copypasteui

background

Golden Reeds Background

Backlit reeds at sunset with a pulsing sun flare, slow light rays and dust motes floating up through the glow.

by @copypasteui

background

Lone Tree Background

A single tree in a bright valley that shifts with the cursor while pollen drifts through the light, tinted towards your theme at the top.

by @copypasteui

Buttons

See all 3 →

buttons

Animated Border Buttons

Rotating conic-gradient border, pulsing glow ring and a marching-ants dashed outline.

by @copypasteui

buttons

Magnetic Buttons

Buttons that are pulled toward the cursor with springy physics, plus a reusable <Magnetic> wrapper.

by @copypasteui

buttons

Shimmer Buttons

Shimmer sweep, pressable 3D, loading-to-success state and underline link buttons.

by @copypasteui

Cards

See all 3 →

cards

Property Cards

Listing cards with real home photos, status badges, a save button and bed, bath and size details.

by @copypasteui

cards

Spotlight Hover Cards

Feature cards sharing one cursor spotlight that lights up borders and fills.

by @copypasteui

cards

Tilt Cards

3D cards that tilt toward the cursor with a moving glare and layered depth.

by @copypasteui