{
"name": "copypasteui",
"version": "2026-10-25T04:37:35.377Z",
"site": "https://copypasteui.dev",
"defaultTheme": "paper",
"categories": [
{
"slug": "navbar",
"name": "Navbars",
"count": 3
},
{
"slug": "hero",
"name": "Heroes",
"count": 62
},
{
"slug": "logos",
"name": "Logo Clouds",
"count": 3
},
{
"slug": "features",
"name": "Features",
"count": 35
},
{
"slug": "how-it-works",
"name": "How It Works",
"count": 21
},
{
"slug": "stats",
"name": "Stats & Metrics",
"count": 6
},
{
"slug": "testimonials",
"name": "Testimonials",
"count": 31
},
{
"slug": "pricing",
"name": "Pricing",
"count": 28
},
{
"slug": "faq",
"name": "FAQ",
"count": 7
},
{
"slug": "cta",
"name": "Calls To Action",
"count": 15
},
{
"slug": "team",
"name": "Team",
"count": 9
},
{
"slug": "contact",
"name": "Contact",
"count": 33
},
{
"slug": "gallery",
"name": "Galleries & Portfolio",
"count": 22
},
{
"slug": "products",
"name": "Products & E-commerce",
"count": 20
},
{
"slug": "menu",
"name": "Menus",
"count": 8
},
{
"slug": "events",
"name": "Events & Schedules",
"count": 18
},
{
"slug": "blog",
"name": "Blog & Articles",
"count": 2
},
{
"slug": "footer",
"name": "Footers",
"count": 56
},
{
"slug": "pages",
"name": "Utility pages",
"count": 9
},
{
"slug": "admin",
"name": "Back office",
"count": 12
},
{
"slug": "background",
"name": "Backgrounds",
"count": 29
},
{
"slug": "buttons",
"name": "Buttons",
"count": 3
},
{
"slug": "cards",
"name": "Cards",
"count": 3
}
],
"components": [
{
"slug": "clearwell-book",
"name": "Clearwell Appointment Booking",
"description": "Appointment picker: choose the type, day and time, add name and mobile, and see a confirmation. Address, hours and phone beside it.",
"category": "contact",
"tags": [
"optician",
"booking",
"form",
"appointments"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-book.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClearwellBook",
"theme": "liquid",
"url": "https://copypasteui.dev/components/contact/clearwell-book",
"previewUrl": "https://copypasteui.dev/preview/clearwell-book",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-book.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-book.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellBook.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-book.json"
},
{
"slug": "clearwell-footer",
"name": "Clearwell Footer",
"description": "Opticians footer with address, phone and link columns for eye care, frames and the practice.",
"category": "footer",
"tags": [
"optician",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "ClearwellFooter",
"theme": "liquid",
"url": "https://copypasteui.dev/components/footer/clearwell-footer",
"previewUrl": "https://copypasteui.dev/preview/clearwell-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-footer.json"
},
{
"slug": "clearwell-frames",
"name": "Clearwell Frames",
"description": "Frame collection filtered by shape (round, square, cat-eye), with maker and price on each card.",
"category": "products",
"tags": [
"optician",
"products",
"filter",
"shop"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-frames.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClearwellFrames",
"theme": "liquid",
"url": "https://copypasteui.dev/components/products/clearwell-frames",
"previewUrl": "https://copypasteui.dev/preview/clearwell-frames",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-frames.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-frames.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellFrames.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-frames.json"
},
{
"slug": "clearwell-hero",
"name": "Clearwell Opticians Hero",
"description": "Opticians hero with a tall portrait and a glass card of the next free eye-test slots, over the theme's colour wash.",
"category": "hero",
"tags": [
"optician",
"health",
"booking",
"glass"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClearwellHero",
"theme": "liquid",
"url": "https://copypasteui.dev/components/hero/clearwell-hero",
"previewUrl": "https://copypasteui.dev/preview/clearwell-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-hero.json"
},
{
"slug": "clearwell-reviews",
"name": "Clearwell Patient Reviews",
"description": "Three patient reviews in uneven columns, with the Google rating and review count.",
"category": "testimonials",
"tags": [
"optician",
"reviews",
"health"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-reviews.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClearwellReviews",
"theme": "liquid",
"url": "https://copypasteui.dev/components/testimonials/clearwell-reviews",
"previewUrl": "https://copypasteui.dev/preview/clearwell-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-reviews.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-reviews.json"
},
{
"slug": "clearwell-services",
"name": "Clearwell Eye Care Prices",
"description": "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.",
"category": "features",
"tags": [
"optician",
"services",
"bento",
"prices"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "clearwell-opticians",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/clearwell-services.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClearwellServices",
"theme": "liquid",
"url": "https://copypasteui.dev/components/features/clearwell-services",
"previewUrl": "https://copypasteui.dev/preview/clearwell-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/clearwell-services.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ClearwellServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/clearwell-services.json"
},
{
"slug": "fizzwhip-flavours",
"name": "Fizzwhip Flavour Board",
"description": "Today's flavours as cards with a colour swatch and tasting note, filtered by vegan or nut-free.",
"category": "menu",
"tags": [
"gelato",
"menu",
"filter",
"vegan"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-flavours.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FizzwhipFlavours",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/menu/fizzwhip-flavours",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-flavours",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-flavours.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-flavours.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipFlavours.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-flavours.json"
},
{
"slug": "fizzwhip-footer",
"name": "Fizzwhip Footer",
"description": "Dark footer with a weekly flavour-board email signup, shop links and the address.",
"category": "footer",
"tags": [
"gelato",
"footer",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "FizzwhipFooter",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/footer/fizzwhip-footer",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-footer.json"
},
{
"slug": "fizzwhip-hero",
"name": "Fizzwhip Gelato Hero",
"description": "Loud gelato parlour hero: a tilted flavour-count sticker, chunky headline, a round cone photo and springy price badges.",
"category": "hero",
"tags": [
"gelato",
"ice-cream",
"cafe",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FizzwhipHero",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/hero/fizzwhip-hero",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-hero.json"
},
{
"slug": "fizzwhip-parties",
"name": "Fizzwhip Kids' Parties",
"description": "Gelato-making parties for children: times, price per child, what's included and a button to check dates.",
"category": "events",
"tags": [
"gelato",
"parties",
"kids",
"events"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-parties.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FizzwhipParties",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/events/fizzwhip-parties",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-parties",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-parties.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-parties.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipParties.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-parties.json"
},
{
"slug": "fizzwhip-prices",
"name": "Fizzwhip Cups and Tubs",
"description": "Scoop prices as a ruled list beside take-home tubs and a party box, each with an order-for-collection button.",
"category": "pricing",
"tags": [
"gelato",
"pricing",
"takeaway"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-prices.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FizzwhipPrices",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/pricing/fizzwhip-prices",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-prices",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-prices.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-prices.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipPrices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-prices.json"
},
{
"slug": "fizzwhip-visit",
"name": "Fizzwhip Visit",
"description": "Address, phone and opening hours in a card beside a photo of the shop front, with directions from the tram.",
"category": "contact",
"tags": [
"gelato",
"contact",
"hours",
"location"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "fizzwhip-gelato",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-visit.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "FizzwhipVisit",
"theme": "dopamine",
"url": "https://copypasteui.dev/components/contact/fizzwhip-visit",
"previewUrl": "https://copypasteui.dev/preview/fizzwhip-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fizzwhip-visit.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FizzwhipVisit.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fizzwhip-visit.json"
},
{
"slug": "hearth-wick-candles",
"name": "Hearth & Wick Candle Shop",
"description": "Four scents with notes, a size picker that reprices every card, add-to-basket buttons and a basket count.",
"category": "products",
"tags": [
"candles",
"shop",
"products",
"basket"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-candles.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HearthWickCandles",
"theme": "tactile",
"url": "https://copypasteui.dev/components/products/hearth-wick-candles",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-candles",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-candles.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-candles.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickCandles.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-candles.json"
},
{
"slug": "hearth-wick-footer",
"name": "Hearth & Wick Footer",
"description": "Maker footer with shop address, opening days, phone and shop and help links.",
"category": "footer",
"tags": [
"candles",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "HearthWickFooter",
"theme": "tactile",
"url": "https://copypasteui.dev/components/footer/hearth-wick-footer",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-footer.json"
},
{
"slug": "hearth-wick-hero",
"name": "Hearth & Wick Candle Hero",
"description": "Warm maker hero with a candle-lighting photo, a scent-of-the-month card and buttons to shop or book a workshop.",
"category": "hero",
"tags": [
"candles",
"maker",
"shop",
"handmade"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HearthWickHero",
"theme": "tactile",
"url": "https://copypasteui.dev/components/hero/hearth-wick-hero",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-hero.json"
},
{
"slug": "hearth-wick-process",
"name": "Hearth & Wick Process",
"description": "Four numbered steps from melting the wax to curing, beside a photo of the pour.",
"category": "how-it-works",
"tags": [
"candles",
"process",
"steps",
"maker"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-process.jpg"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HearthWickProcess",
"theme": "tactile",
"url": "https://copypasteui.dev/components/how-it-works/hearth-wick-process",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-process",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-process.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-process.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickProcess.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-process.json"
},
{
"slug": "hearth-wick-reviews",
"name": "Hearth & Wick Reviews",
"description": "Three customer reviews on raised cards with the overall rating.",
"category": "testimonials",
"tags": [
"candles",
"reviews"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-reviews.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "HearthWickReviews",
"theme": "tactile",
"url": "https://copypasteui.dev/components/testimonials/hearth-wick-reviews",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-reviews.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickReviews.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-reviews.json"
},
{
"slug": "hearth-wick-workshops",
"name": "Hearth & Wick Workshops",
"description": "Candle-making workshop dates with places left, full dates disabled, and a booking button that names the date you picked.",
"category": "events",
"tags": [
"candles",
"workshops",
"booking",
"events"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "hearth-wick-candles",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-workshops.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HearthWickWorkshops",
"theme": "tactile",
"url": "https://copypasteui.dev/components/events/hearth-wick-workshops",
"previewUrl": "https://copypasteui.dev/preview/hearth-wick-workshops",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-workshops.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hearth-wick-workshops.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HearthWickWorkshops.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hearth-wick-workshops.json"
},
{
"slug": "margin-events",
"name": "Margin Readings and Events",
"description": "Inverted events list with big date numerals, titles, details and seats left.",
"category": "events",
"tags": [
"bookshop",
"events",
"readings",
"editorial"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-events.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarginEvents",
"theme": "masthead",
"url": "https://copypasteui.dev/components/events/margin-events",
"previewUrl": "https://copypasteui.dev/preview/margin-events",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-events.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-events.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginEvents.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-events.json"
},
{
"slug": "margin-footer",
"name": "Margin Footer",
"description": "Editorial footer with a large italic wordmark, a Sunday letter signup on an underline, links and the address.",
"category": "footer",
"tags": [
"bookshop",
"footer",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "MarginFooter",
"theme": "masthead",
"url": "https://copypasteui.dev/components/footer/margin-footer",
"previewUrl": "https://copypasteui.dev/preview/margin-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-footer.json"
},
{
"slug": "margin-hero",
"name": "Margin Bookshop Hero",
"description": "Magazine-cover bookshop hero: an issue line, a huge serif headline with one italic word, a short intro and a wide shop photo.",
"category": "hero",
"tags": [
"bookshop",
"editorial",
"shop",
"serif"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarginHero",
"theme": "masthead",
"url": "https://copypasteui.dev/components/hero/margin-hero",
"previewUrl": "https://copypasteui.dev/preview/margin-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-hero.json"
},
{
"slug": "margin-picks",
"name": "Margin Staff Picks",
"description": "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.",
"category": "products",
"tags": [
"bookshop",
"products",
"editorial",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-picks.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "MarginPicks",
"theme": "masthead",
"url": "https://copypasteui.dev/components/products/margin-picks",
"previewUrl": "https://copypasteui.dev/preview/margin-picks",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-picks.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-picks.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginPicks.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-picks.json"
},
{
"slug": "margin-subscription",
"name": "Margin Book of the Month",
"description": "Three book subscriptions in a joined grid, with a gift toggle that switches monthly prices to six-month totals.",
"category": "pricing",
"tags": [
"bookshop",
"subscription",
"pricing",
"gift"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-subscription.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "MarginSubscription",
"theme": "masthead",
"url": "https://copypasteui.dev/components/pricing/margin-subscription",
"previewUrl": "https://copypasteui.dev/preview/margin-subscription",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-subscription.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-subscription.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginSubscription.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-subscription.json"
},
{
"slug": "margin-visit",
"name": "Margin Visit the Shop",
"description": "Café photo beside the address, phone, a ruled table of opening hours and access notes.",
"category": "contact",
"tags": [
"bookshop",
"contact",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "margin-books",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/margin-visit.jpg"
},
"usesPhotos": true,
"dependencies": {},
"exportName": "MarginVisit",
"theme": "masthead",
"url": "https://copypasteui.dev/components/contact/margin-visit",
"previewUrl": "https://copypasteui.dev/preview/margin-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/margin-visit.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarginVisit.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/margin-visit.json"
},
{
"slug": "silverline-footer",
"name": "Silverline Footer",
"description": "Roller rink footer with address, phone, skate links and opening hours.",
"category": "footer",
"tags": [
"roller-rink",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "SilverlineFooter",
"theme": "chrome",
"url": "https://copypasteui.dev/components/footer/silverline-footer",
"previewUrl": "https://copypasteui.dev/preview/silverline-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlineFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-footer.json"
},
{
"slug": "silverline-hero",
"name": "Silverline Roller Rink Hero",
"description": "Y2K roller rink hero with wide uppercase headline, a tall skating photo and a card of the next three sessions.",
"category": "hero",
"tags": [
"roller-rink",
"leisure",
"y2k",
"booking"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SilverlineHero",
"theme": "chrome",
"url": "https://copypasteui.dev/components/hero/silverline-hero",
"previewUrl": "https://copypasteui.dev/preview/silverline-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlineHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-hero.json"
},
{
"slug": "silverline-lessons",
"name": "Silverline Learn to Skate",
"description": "Four-week beginner course as numbered cards, one per Wednesday, with price, ages and a booking button.",
"category": "how-it-works",
"tags": [
"roller-rink",
"lessons",
"steps",
"course"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-lessons.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "SilverlineLessons",
"theme": "chrome",
"url": "https://copypasteui.dev/components/how-it-works/silverline-lessons",
"previewUrl": "https://copypasteui.dev/preview/silverline-lessons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-lessons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-lessons.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlineLessons.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-lessons.json"
},
{
"slug": "silverline-parties",
"name": "Silverline Birthday Parties",
"description": "Party packages with a guest slider that recalculates each package's total, beside a skating photo.",
"category": "events",
"tags": [
"roller-rink",
"parties",
"calculator",
"kids"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-parties.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "SilverlineParties",
"theme": "chrome",
"url": "https://copypasteui.dev/components/events/silverline-parties",
"previewUrl": "https://copypasteui.dev/preview/silverline-parties",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-parties.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-parties.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlineParties.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-parties.json"
},
{
"slug": "silverline-prices",
"name": "Silverline Prices",
"description": "Four ticket cards: adult, under 16, own skates and the learn-to-skate course.",
"category": "pricing",
"tags": [
"roller-rink",
"pricing",
"tickets"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-prices.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "SilverlinePrices",
"theme": "chrome",
"url": "https://copypasteui.dev/components/pricing/silverline-prices",
"previewUrl": "https://copypasteui.dev/preview/silverline-prices",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-prices.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-prices.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlinePrices.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-prices.json"
},
{
"slug": "silverline-sessions",
"name": "Silverline Session Timetable",
"description": "Week of sessions filtered by type (family, disco 18+, lessons, adults), with spaces left, last-few warnings and sold-out states.",
"category": "events",
"tags": [
"roller-rink",
"timetable",
"filter",
"booking"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "silverline-roller-rink",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silverline-sessions.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "SilverlineSessions",
"theme": "chrome",
"url": "https://copypasteui.dev/components/events/silverline-sessions",
"previewUrl": "https://copypasteui.dev/preview/silverline-sessions",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-sessions.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silverline-sessions.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SilverlineSessions.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silverline-sessions.json"
},
{
"slug": "undercroft-faq",
"name": "Undercroft Visiting FAQ",
"description": "Address and phone beside an accordion of visiting questions: step-free access, drinks, latecomers, subtitles and relaxed screenings.",
"category": "faq",
"tags": [
"cinema",
"faq",
"accessibility",
"accordion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-faq.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "UndercroftFaq",
"theme": "raw",
"url": "https://copypasteui.dev/components/faq/undercroft-faq",
"previewUrl": "https://copypasteui.dev/preview/undercroft-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-faq.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-faq.json"
},
{
"slug": "undercroft-footer",
"name": "Undercroft Footer",
"description": "Footer with the name set edge to edge across the page, then address, contact and links in four columns.",
"category": "footer",
"tags": [
"cinema",
"footer",
"brutalist"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "UndercroftFooter",
"theme": "raw",
"url": "https://copypasteui.dev/components/footer/undercroft-footer",
"previewUrl": "https://copypasteui.dev/preview/undercroft-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-footer.json"
},
{
"slug": "undercroft-hero",
"name": "Undercroft Cinema Hero",
"description": "Brutalist cinema hero split by hairlines: a huge headline, ticket prices, a black-and-white auditorium photo and tonight's three films.",
"category": "hero",
"tags": [
"cinema",
"brutalist",
"events",
"listings"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hero.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "UndercroftHero",
"theme": "raw",
"url": "https://copypasteui.dev/components/hero/undercroft-hero",
"previewUrl": "https://copypasteui.dev/preview/undercroft-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hero.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-hero.json"
},
{
"slug": "undercroft-hire",
"name": "Undercroft Private Hire",
"description": "Inverted private-hire panel with a projector photo, seats, price, formats and bar in a ruled grid, and an enquiry button.",
"category": "cta",
"tags": [
"cinema",
"hire",
"venue",
"events"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hire.jpg"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "UndercroftHire",
"theme": "raw",
"url": "https://copypasteui.dev/components/cta/undercroft-hire",
"previewUrl": "https://copypasteui.dev/preview/undercroft-hire",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hire.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-hire.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftHire.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-hire.json"
},
{
"slug": "undercroft-listings",
"name": "Undercroft Film Listings",
"description": "Week of screenings in day tabs, each with time, year, running time, a tag such as 35mm or subtitled, and a booking link.",
"category": "events",
"tags": [
"cinema",
"listings",
"tabs",
"schedule"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-listings.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "UndercroftListings",
"theme": "raw",
"url": "https://copypasteui.dev/components/events/undercroft-listings",
"previewUrl": "https://copypasteui.dev/preview/undercroft-listings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-listings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-listings.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftListings.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-listings.json"
},
{
"slug": "undercroft-membership",
"name": "Undercroft Tickets and Membership",
"description": "Ticket price and two yearly memberships in ruled columns, the middle one picked out in the accent colour.",
"category": "pricing",
"tags": [
"cinema",
"membership",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-24",
"featured": false,
"collection": "undercroft-cinema",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/undercroft-membership.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "UndercroftMembership",
"theme": "raw",
"url": "https://copypasteui.dev/components/pricing/undercroft-membership",
"previewUrl": "https://copypasteui.dev/preview/undercroft-membership",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-membership.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/undercroft-membership.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/UndercroftMembership.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/undercroft-membership.json"
},
{
"slug": "mobile-action-bar",
"name": "Mobile Action Bar",
"description": "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.",
"category": "pages",
"tags": [
"mobile",
"sticky",
"call",
"booking",
"directions"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-23",
"featured": false,
"usage": "Render once, at the end of the page (after the footer), with the business's phone, booking link and address. It leaves room for itself below the footer. If you also use the floating chat button, give that button aboveActionBar so the two don't overlap on phones.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mobile-action-bar.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MobileActionBar",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/mobile-action-bar",
"previewUrl": "https://copypasteui.dev/preview/mobile-action-bar",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mobile-action-bar.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mobile-action-bar.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MobileActionBar.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mobile-action-bar.json"
},
{
"slug": "order-delivery-cta",
"name": "Order Delivery CTA",
"description": "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.",
"category": "cta",
"tags": [
"takeaway",
"delivery",
"order",
"restaurant",
"collection"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-23",
"featured": false,
"usage": "Pass apps as { name, href, eta, note? }, with href set to your restaurant's own page on each app, not the app's home page. Remove the apps you aren't on. If you don't take collection orders online, point directHref at a tel: link and change directLabel to \"Call to order\".",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/order-delivery-cta.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OrderDeliveryCta",
"theme": "paper",
"url": "https://copypasteui.dev/components/cta/order-delivery-cta",
"previewUrl": "https://copypasteui.dev/preview/order-delivery-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/order-delivery-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/order-delivery-cta.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/OrderDeliveryCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/order-delivery-cta.json"
},
{
"slug": "whatsapp-chat-button",
"name": "WhatsApp Chat Button",
"description": "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.",
"category": "pages",
"tags": [
"whatsapp",
"chat",
"contact",
"floating",
"messages"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-23",
"featured": false,
"usage": "Render once in the root layout. whatsapp is the number in international format without the plus or spaces (447700900461 for 07700 900461 in the UK). Put the real reply hours in replyTime. If the page also uses the mobile action bar, pass aboveActionBar.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/whatsapp-chat-button.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WhatsAppChatButton",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/whatsapp-chat-button",
"previewUrl": "https://copypasteui.dev/preview/whatsapp-chat-button",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/whatsapp-chat-button.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/whatsapp-chat-button.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/WhatsAppChatButton.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/whatsapp-chat-button.json"
},
{
"slug": "aurora-curtains-background",
"name": "Aurora Curtains Background",
"description": "Curtains of light waving over a dark ridge under the stars, in your primary and accent, with a slow shimmer along each fold.",
"category": "background",
"tags": [
"aurora",
"night",
"glow",
"css",
"stars"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "forest",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aurora-curtains-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aurora-curtains-background.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AuroraCurtainsBackground",
"theme": "forest",
"url": "https://copypasteui.dev/components/background/aurora-curtains-background",
"previewUrl": "https://copypasteui.dev/preview/aurora-curtains-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-curtains-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-curtains-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-curtains-background.webm#t=1.1",
"installPath": "components/copypasteui/AuroraCurtainsBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aurora-curtains-background.json"
},
{
"slug": "brinebank-boats",
"name": "Brinebank Two Boats",
"description": "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.",
"category": "gallery",
"tags": [
"restaurant",
"seafood",
"editorial",
"photography",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-boats.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brinebank-boats.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "BrinebankBoats",
"theme": "folio",
"url": "https://copypasteui.dev/components/gallery/brinebank-boats",
"previewUrl": "https://copypasteui.dev/preview/brinebank-boats",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-boats.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-boats.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-boats.webm#t=1",
"installPath": "components/copypasteui/BrinebankBoats.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-boats.json"
},
{
"slug": "brinebank-book",
"name": "Brinebank Table Booking",
"description": "Editorial booking form for tables of two to six, with the walk-in policy and a confirmation that replaces the form when sent.",
"category": "contact",
"tags": [
"restaurant",
"booking",
"form",
"editorial"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-book.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brinebank-book.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrinebankBook",
"theme": "folio",
"url": "https://copypasteui.dev/components/contact/brinebank-book",
"previewUrl": "https://copypasteui.dev/preview/brinebank-book",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-book.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-book.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-book.webm#t=1",
"installPath": "components/copypasteui/BrinebankBook.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-book.json"
},
{
"slug": "brinebank-footer",
"name": "Brinebank Newspaper Footer",
"description": "Footer laid out like the back page of a paper: hours, address, a note on allergies and the small print in columns.",
"category": "footer",
"tags": [
"restaurant",
"footer",
"editorial",
"newspaper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "BrinebankFooter",
"theme": "folio",
"url": "https://copypasteui.dev/components/footer/brinebank-footer",
"previewUrl": "https://copypasteui.dev/preview/brinebank-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/BrinebankFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-footer.json"
},
{
"slug": "brinebank-hero",
"name": "Brinebank Masthead Hero",
"description": "Editorial restaurant hero set like a newspaper front page: masthead, dateline with today's catch, columns of text and a photo that wipes open.",
"category": "hero",
"tags": [
"restaurant",
"seafood",
"editorial",
"newspaper",
"clip-path"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brinebank-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "BrinebankHero",
"theme": "folio",
"url": "https://copypasteui.dev/components/hero/brinebank-hero",
"previewUrl": "https://copypasteui.dev/preview/brinebank-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-hero.webm#t=0.9",
"installPath": "components/copypasteui/BrinebankHero.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-hero.json"
},
{
"slug": "brinebank-menu",
"name": "Brinebank Chalkboard Menu",
"description": "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.",
"category": "menu",
"tags": [
"restaurant",
"seafood",
"menu",
"editorial",
"strike-through"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-menu.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brinebank-menu.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "BrinebankMenu",
"theme": "folio",
"url": "https://copypasteui.dev/components/menu/brinebank-menu",
"previewUrl": "https://copypasteui.dev/preview/brinebank-menu",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-menu.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-menu.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-menu.webm#t=0.9",
"installPath": "components/copypasteui/BrinebankMenu.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-menu.json"
},
{
"slug": "brinebank-story",
"name": "Brinebank Word-by-Word Story",
"description": "Restaurant story in large type that lights up word by word as you scroll, followed by opening hours, address and two kitchen photos.",
"category": "gallery",
"tags": [
"restaurant",
"seafood",
"about",
"story",
"text-reveal",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "brinebank-kitchen",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brinebank-story.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brinebank-story.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrinebankStory",
"theme": "folio",
"url": "https://copypasteui.dev/components/gallery/brinebank-story",
"previewUrl": "https://copypasteui.dev/preview/brinebank-story",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-story.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-story.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brinebank-story.webm#t=0.9",
"installPath": "components/copypasteui/BrinebankStory.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brinebank-story.json"
},
{
"slug": "chrome-blobs-background",
"name": "Chrome Blobs Background",
"description": "Liquid metal blobs merging and splitting in real-time WebGL, reflecting your primary and accent colours. Follows the cursor.",
"category": "background",
"tags": [
"webgl",
"shader",
"metaballs",
"chrome",
"3d"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "midnight",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/chrome-blobs-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/chrome-blobs-background.webm#t=2.1"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "ChromeBlobsBackground",
"theme": "midnight",
"url": "https://copypasteui.dev/components/background/chrome-blobs-background",
"previewUrl": "https://copypasteui.dev/preview/chrome-blobs-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-blobs-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-blobs-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-blobs-background.webm#t=2.1",
"installPath": "components/copypasteui/ChromeBlobsBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/chrome-blobs-background.json"
},
{
"slug": "chrome-liquid-background",
"name": "Chrome Liquid Background",
"description": "Liquid chrome whose iridescent colours slowly cycle through the spectrum while it breathes in and out.",
"category": "background",
"tags": [
"photo",
"3d",
"iridescent",
"chrome",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "noir",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/chrome-liquid-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/chrome-liquid-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "ChromeLiquidBackground",
"theme": "noir",
"url": "https://copypasteui.dev/components/background/chrome-liquid-background",
"previewUrl": "https://copypasteui.dev/preview/chrome-liquid-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-liquid-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-liquid-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/chrome-liquid-background.webm#t=0.9",
"installPath": "components/copypasteui/ChromeLiquidBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/chrome-liquid-background.json"
},
{
"slug": "city-bokeh-background",
"name": "City Bokeh Background",
"description": "Night city lights out of focus, with glowing bokeh circles in your theme colours rising and blending on canvas.",
"category": "background",
"tags": [
"photo",
"night",
"bokeh",
"canvas",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "neon",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/city-bokeh-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/city-bokeh-background.webm#t=1.3"
},
"usesPhotos": true,
"dependencies": {},
"exportName": "CityBokehBackground",
"theme": "neon",
"url": "https://copypasteui.dev/components/background/city-bokeh-background",
"previewUrl": "https://copypasteui.dev/preview/city-bokeh-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/city-bokeh-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/city-bokeh-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/city-bokeh-background.webm#t=1.3",
"installPath": "components/copypasteui/CityBokehBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/city-bokeh-background.json"
},
{
"slug": "crestline-dates",
"name": "Crestline Departure Dates",
"description": "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.",
"category": "events",
"tags": [
"walking",
"travel",
"dates",
"table",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-dates.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crestline-dates.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CrestlineDates",
"theme": "grid",
"url": "https://copypasteui.dev/components/events/crestline-dates",
"previewUrl": "https://copypasteui.dev/preview/crestline-dates",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-dates.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-dates.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-dates.webm#t=1",
"installPath": "components/copypasteui/CrestlineDates.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-dates.json"
},
{
"slug": "crestline-footer",
"name": "Crestline Swiss Footer",
"description": "Footer on a strict four-column grid with the office address, a package-travel protection note, links and a large wordmark.",
"category": "footer",
"tags": [
"walking",
"travel",
"footer",
"swiss"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "CrestlineFooter",
"theme": "grid",
"url": "https://copypasteui.dev/components/footer/crestline-footer",
"previewUrl": "https://copypasteui.dev/preview/crestline-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/CrestlineFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-footer.json"
},
{
"slug": "crestline-hero",
"name": "Crestline Ken Burns Hero",
"description": "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.",
"category": "hero",
"tags": [
"walking",
"travel",
"slideshow",
"ken-burns",
"photography",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crestline-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrestlineHero",
"theme": "grid",
"url": "https://copypasteui.dev/components/hero/crestline-hero",
"previewUrl": "https://copypasteui.dev/preview/crestline-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-hero.webm#t=0.9",
"installPath": "components/copypasteui/CrestlineHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-hero.json"
},
{
"slug": "crestline-numbers",
"name": "Crestline Trip in Numbers",
"description": "The trip as six big numbers on a strict grid that count up when they come into view.",
"category": "stats",
"tags": [
"walking",
"travel",
"stats",
"counter",
"swiss"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-numbers.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crestline-numbers.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CrestlineNumbers",
"theme": "grid",
"url": "https://copypasteui.dev/components/stats/crestline-numbers",
"previewUrl": "https://copypasteui.dev/preview/crestline-numbers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-numbers.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-numbers.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-numbers.webm#t=0.9",
"installPath": "components/copypasteui/CrestlineNumbers.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-numbers.json"
},
{
"slug": "crestline-photos",
"name": "Crestline Drag Photo Strip",
"description": "A strip of route photos you can drag sideways, with numbered captions and keyboard-friendly previous and next buttons.",
"category": "gallery",
"tags": [
"walking",
"travel",
"gallery",
"drag",
"carousel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-photos.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crestline-photos.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrestlinePhotos",
"theme": "grid",
"url": "https://copypasteui.dev/components/gallery/crestline-photos",
"previewUrl": "https://copypasteui.dev/preview/crestline-photos",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-photos.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-photos.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-photos.webm#t=0.9",
"installPath": "components/copypasteui/CrestlinePhotos.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-photos.json"
},
{
"slug": "crestline-route",
"name": "Crestline Elevation Route",
"description": "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.",
"category": "how-it-works",
"tags": [
"walking",
"travel",
"route",
"svg",
"line-drawing",
"swiss"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "crestline-guiding",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crestline-route.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crestline-route.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CrestlineRoute",
"theme": "grid",
"url": "https://copypasteui.dev/components/how-it-works/crestline-route",
"previewUrl": "https://copypasteui.dev/preview/crestline-route",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-route.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-route.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crestline-route.webm#t=0.9",
"installPath": "components/copypasteui/CrestlineRoute.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crestline-route.json"
},
{
"slug": "desert-dusk-background",
"name": "Desert Dusk Background",
"description": "Dunes under a pink dusk sky panning slowly sideways, with heat shimmer rippling the sand.",
"category": "background",
"tags": [
"photo",
"desert",
"pan",
"svg",
"shimmer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "sunset",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/desert-dusk-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/desert-dusk-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "DesertDuskBackground",
"theme": "sunset",
"url": "https://copypasteui.dev/components/background/desert-dusk-background",
"previewUrl": "https://copypasteui.dev/preview/desert-dusk-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/desert-dusk-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/desert-dusk-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/desert-dusk-background.webm#t=0.9",
"installPath": "components/copypasteui/DesertDuskBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/desert-dusk-background.json"
},
{
"slug": "glaze-days-book",
"name": "Glaze Days Table Booking",
"description": "Book a painting table: pick a day, a time and how many painters, and a summary springs in with the total.",
"category": "contact",
"tags": [
"pottery",
"booking",
"form",
"stepper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-book.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-book.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GlazeDaysBook",
"theme": "putty",
"url": "https://copypasteui.dev/components/contact/glaze-days-book",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-book",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-book.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-book.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-book.webm#t=0.9",
"installPath": "components/copypasteui/GlazeDaysBook.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-book.json"
},
{
"slug": "glaze-days-footer",
"name": "Glaze Days Footer",
"description": "Rounded clay footer with opening hours, the late Thursday, address and social links.",
"category": "footer",
"tags": [
"pottery",
"cafe",
"footer",
"clay"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "GlazeDaysFooter",
"theme": "putty",
"url": "https://copypasteui.dev/components/footer/glaze-days-footer",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/GlazeDaysFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-footer.json"
},
{
"slug": "glaze-days-hero",
"name": "Glaze Days Draggable Pieces Hero",
"description": "Clay-style café hero with puffy price tags you can drag around and let go of, which spring back into place, beside a rounded photo of a painted bowl.",
"category": "hero",
"tags": [
"pottery",
"cafe",
"kids",
"clay",
"drag",
"spring"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GlazeDaysHero",
"theme": "putty",
"url": "https://copypasteui.dev/components/hero/glaze-days-hero",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-hero.webm#t=0.9",
"installPath": "components/copypasteui/GlazeDaysHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-hero.json"
},
{
"slug": "glaze-days-how",
"name": "Glaze Days Flip-Card Steps",
"description": "Four steps from picking a piece to collecting it, as cards that flip over when clicked or tapped to show the detail.",
"category": "how-it-works",
"tags": [
"pottery",
"steps",
"flip-card",
"3d"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-how.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-how.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GlazeDaysHow",
"theme": "putty",
"url": "https://copypasteui.dev/components/how-it-works/glaze-days-how",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-how",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-how.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-how.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-how.webm#t=0.9",
"installPath": "components/copypasteui/GlazeDaysHow.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-how.json"
},
{
"slug": "glaze-days-parties",
"name": "Glaze Days Party Packages",
"description": "Party packages for kids, grown-ups and celebrations; switching tabs slides the new package in and keeps the price and inclusions side by side.",
"category": "pricing",
"tags": [
"pottery",
"parties",
"tabs",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-parties.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-parties.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GlazeDaysParties",
"theme": "putty",
"url": "https://copypasteui.dev/components/pricing/glaze-days-parties",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-parties",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-parties.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-parties.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-parties.webm#t=1",
"installPath": "components/copypasteui/GlazeDaysParties.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-parties.json"
},
{
"slug": "glaze-days-pieces",
"name": "Glaze Days Piece and Glaze Picker",
"description": "Pick a piece and a glaze; the drawing switches shape, the glaze colour blends in and the price updates, with the studio fee shown.",
"category": "products",
"tags": [
"pottery",
"cafe",
"configurator",
"svg",
"picker"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "glaze-days-pottery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-pieces.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-pieces.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GlazeDaysPieces",
"theme": "putty",
"url": "https://copypasteui.dev/components/products/glaze-days-pieces",
"previewUrl": "https://copypasteui.dev/preview/glaze-days-pieces",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-pieces.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-pieces.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glaze-days-pieces.webm#t=0.9",
"installPath": "components/copypasteui/GlazeDaysPieces.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glaze-days-pieces.json"
},
{
"slug": "glow-orb-background",
"name": "Glow Orb Background",
"description": "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.",
"category": "background",
"tags": [
"orb",
"glow",
"3d",
"dark",
"css"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "aether",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/glow-orb-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/glow-orb-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GlowOrbBackground",
"theme": "aether",
"url": "https://copypasteui.dev/components/background/glow-orb-background",
"previewUrl": "https://copypasteui.dev/preview/glow-orb-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/glow-orb-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/glow-orb-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/glow-orb-background.webm#t=0.9",
"installPath": "components/copypasteui/GlowOrbBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/glow-orb-background.json"
},
{
"slug": "golden-reeds-background",
"name": "Golden Reeds Background",
"description": "Backlit reeds at sunset with a pulsing sun flare, slow light rays and dust motes floating up through the glow.",
"category": "background",
"tags": [
"photo",
"nature",
"sunset",
"rays",
"glow"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "citrus",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/golden-reeds-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/golden-reeds-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GoldenReedsBackground",
"theme": "citrus",
"url": "https://copypasteui.dev/components/background/golden-reeds-background",
"previewUrl": "https://copypasteui.dev/preview/golden-reeds-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/golden-reeds-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/golden-reeds-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/golden-reeds-background.webm#t=0.9",
"installPath": "components/copypasteui/GoldenReedsBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/golden-reeds-background.json"
},
{
"slug": "harbour-float-first-visit",
"name": "Harbour Float First Visit Clock",
"description": "Your first 90 minutes as timed steps beside a clock ring that fills as you scroll.",
"category": "how-it-works",
"tags": [
"spa",
"wellness",
"steps",
"scroll",
"svg"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-first-visit.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-first-visit.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HarbourFloatFirstVisit",
"theme": "frost",
"url": "https://copypasteui.dev/components/how-it-works/harbour-float-first-visit",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-first-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-first-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-first-visit.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-first-visit.webm#t=0.9",
"installPath": "components/copypasteui/HarbourFloatFirstVisit.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-first-visit.json"
},
{
"slug": "harbour-float-footer",
"name": "Harbour Float Footer",
"description": "Glass footer with today's next free float, opening hours, the harbour address and contact details.",
"category": "footer",
"tags": [
"spa",
"wellness",
"footer",
"glass"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "HarbourFloatFooter",
"theme": "frost",
"url": "https://copypasteui.dev/components/footer/harbour-float-footer",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HarbourFloatFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-footer.json"
},
{
"slug": "harbour-float-hero",
"name": "Harbour Float Glass Tilt Hero",
"description": "Spa hero over a full-bleed pool photo with a stack of frosted price cards that tilt in 3D as the pointer moves, plus the next free float time.",
"category": "hero",
"tags": [
"spa",
"wellness",
"glass",
"tilt",
"3d",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HarbourFloatHero",
"theme": "frost",
"url": "https://copypasteui.dev/components/hero/harbour-float-hero",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-hero.webm#t=0.9",
"installPath": "components/copypasteui/HarbourFloatHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-hero.json"
},
{
"slug": "harbour-float-prices",
"name": "Harbour Float Prices",
"description": "Glass price cards with a single, five-pack and monthly toggle; prices count to the new figure when you switch.",
"category": "pricing",
"tags": [
"spa",
"wellness",
"pricing",
"toggle",
"glass",
"counter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-prices.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-prices.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HarbourFloatPrices",
"theme": "frost",
"url": "https://copypasteui.dev/components/pricing/harbour-float-prices",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-prices",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-prices.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-prices.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-prices.webm#t=0.9",
"installPath": "components/copypasteui/HarbourFloatPrices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-prices.json"
},
{
"slug": "harbour-float-reviews",
"name": "Harbour Float Review Columns",
"description": "Reviews in two columns drifting up and down in opposite directions, with a pause button and a still layout for reduced motion.",
"category": "testimonials",
"tags": [
"spa",
"wellness",
"reviews",
"marquee",
"glass"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-reviews.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "HarbourFloatReviews",
"theme": "frost",
"url": "https://copypasteui.dev/components/testimonials/harbour-float-reviews",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-reviews.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HarbourFloatReviews.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-reviews.json"
},
{
"slug": "harbour-float-rooms",
"name": "Harbour Float Expanding Rooms",
"description": "Float room, sauna and cold plunge as tall photo panels; the one you hover or focus widens to show its details and price.",
"category": "features",
"tags": [
"spa",
"wellness",
"accordion",
"glass",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "harbour-float-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-rooms.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-rooms.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HarbourFloatRooms",
"theme": "frost",
"url": "https://copypasteui.dev/components/features/harbour-float-rooms",
"previewUrl": "https://copypasteui.dev/preview/harbour-float-rooms",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-rooms.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-rooms.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/harbour-float-rooms.webm#t=0.9",
"installPath": "components/copypasteui/HarbourFloatRooms.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/harbour-float-rooms.json"
},
{
"slug": "hedgerow-gallery",
"name": "Hedgerow Parallax Gallery",
"description": "Three columns of florist photos that drift at different speeds as you scroll, each with a short caption naming the event, place and month.",
"category": "gallery",
"tags": [
"florist",
"weddings",
"parallax",
"masonry",
"photography",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": null,
"previewTheme": "frost",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hedgerow-gallery.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hedgerow-gallery.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HedgerowGallery",
"theme": "frost",
"url": "https://copypasteui.dev/components/gallery/hedgerow-gallery",
"previewUrl": "https://copypasteui.dev/preview/hedgerow-gallery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hedgerow-gallery.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hedgerow-gallery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hedgerow-gallery.webm#t=1",
"installPath": "components/copypasteui/HedgerowGallery.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hedgerow-gallery.json"
},
{
"slug": "hush-hearing-aids",
"name": "Hush Hearing Aid Price Table",
"description": "Hearing aid price bands in a comparison table; the column you hover or pick lifts out, with what every band includes listed below.",
"category": "pricing",
"tags": [
"hearing",
"clinic",
"pricing",
"comparison",
"table"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-aids.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-aids.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HushHearingAids",
"theme": "pebble",
"url": "https://copypasteui.dev/components/pricing/hush-hearing-aids",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-aids",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-aids.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-aids.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-aids.webm#t=1.1",
"installPath": "components/copypasteui/HushHearingAids.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-aids.json"
},
{
"slug": "hush-hearing-faq",
"name": "Hush Hearing FAQ",
"description": "Questions people ask before a first hearing test, in soft raised panels that open with a smooth height animation.",
"category": "faq",
"tags": [
"hearing",
"clinic",
"faq",
"accordion",
"neumorphic"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-faq.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-faq.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HushHearingFaq",
"theme": "pebble",
"url": "https://copypasteui.dev/components/faq/hush-hearing-faq",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-faq.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-faq.webm#t=1",
"installPath": "components/copypasteui/HushHearingFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-faq.json"
},
{
"slug": "hush-hearing-footer",
"name": "Hush Hearing Footer",
"description": "Calm clinic footer with address, hours, home visits, the HCPC registration and accessibility notes.",
"category": "footer",
"tags": [
"hearing",
"clinic",
"footer",
"neumorphic"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "HushHearingFooter",
"theme": "pebble",
"url": "https://copypasteui.dev/components/footer/hush-hearing-footer",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/HushHearingFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-footer.json"
},
{
"slug": "hush-hearing-frequencies",
"name": "Hush Hearing Frequency Explorer",
"description": "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.",
"category": "features",
"tags": [
"hearing",
"clinic",
"interactive",
"slider",
"svg"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-frequencies.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-frequencies.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HushHearingFrequencies",
"theme": "pebble",
"url": "https://copypasteui.dev/components/features/hush-hearing-frequencies",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-frequencies",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-frequencies.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-frequencies.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-frequencies.webm#t=0.9",
"installPath": "components/copypasteui/HushHearingFrequencies.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-frequencies.json"
},
{
"slug": "hush-hearing-hero",
"name": "Hush Hearing Sound Wave Hero",
"description": "Neumorphic clinic hero with a soft raised panel of moving sound-wave bars, a photo set into the page and a free hearing test booking button.",
"category": "hero",
"tags": [
"hearing",
"clinic",
"health",
"neumorphic",
"waveform"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HushHearingHero",
"theme": "pebble",
"url": "https://copypasteui.dev/components/hero/hush-hearing-hero",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-hero.webm#t=0.9",
"installPath": "components/copypasteui/HushHearingHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-hero.json"
},
{
"slug": "hush-hearing-services",
"name": "Hush Hearing Press-In Services",
"description": "Clinic services as soft raised tiles that press into the page on hover or focus, each with a duration and price.",
"category": "features",
"tags": [
"hearing",
"clinic",
"services",
"neumorphic",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "hush-hearing",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-services.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HushHearingServices",
"theme": "pebble",
"url": "https://copypasteui.dev/components/features/hush-hearing-services",
"previewUrl": "https://copypasteui.dev/preview/hush-hearing-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hush-hearing-services.webm#t=0.9",
"installPath": "components/copypasteui/HushHearingServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hush-hearing-services.json"
},
{
"slug": "larder-lane-bakes",
"name": "Larder Lane Bakes by Day",
"description": "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.",
"category": "products",
"tags": [
"bakery",
"products",
"schedule",
"tabs",
"retro"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-bakes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-bakes.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LarderLaneBakes",
"theme": "groove",
"url": "https://copypasteui.dev/components/products/larder-lane-bakes",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-bakes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-bakes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-bakes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-bakes.webm#t=0.9",
"installPath": "components/copypasteui/LarderLaneBakes.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-bakes.json"
},
{
"slug": "larder-lane-footer",
"name": "Larder Lane Wavy Footer",
"description": "Footer with a wavy top edge, opening hours, the shop address and the sells-out-by note.",
"category": "footer",
"tags": [
"bakery",
"footer",
"retro",
"svg"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "LarderLaneFooter",
"theme": "groove",
"url": "https://copypasteui.dev/components/footer/larder-lane-footer",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/LarderLaneFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-footer.json"
},
{
"slug": "larder-lane-hero",
"name": "Larder Lane Sunburst Hero",
"description": "70s-style bakery hero: a slowly turning sunburst behind a round loaf, a headline with a wavy underline that draws itself and opening times.",
"category": "hero",
"tags": [
"bakery",
"retro",
"70s",
"sunburst",
"svg"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LarderLaneHero",
"theme": "groove",
"url": "https://copypasteui.dev/components/hero/larder-lane-hero",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-hero.webm#t=0.9",
"installPath": "components/copypasteui/LarderLaneHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-hero.json"
},
{
"slug": "larder-lane-orders",
"name": "Larder Lane Saturday Pre-order",
"description": "Pre-order for Saturday collection with plus and minus buttons per bake and a running total that rolls to each new figure.",
"category": "contact",
"tags": [
"bakery",
"pre-order",
"form",
"stepper",
"counter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-orders.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-orders.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LarderLaneOrders",
"theme": "groove",
"url": "https://copypasteui.dev/components/contact/larder-lane-orders",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-orders",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-orders.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-orders.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-orders.webm#t=0.9",
"installPath": "components/copypasteui/LarderLaneOrders.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-orders.json"
},
{
"slug": "larder-lane-reviews",
"name": "Larder Lane Fanned Reviews",
"description": "Customer reviews on rounded cards that fan out from a stack as the section scrolls into view.",
"category": "testimonials",
"tags": [
"bakery",
"reviews",
"scroll",
"retro"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LarderLaneReviews",
"theme": "groove",
"url": "https://copypasteui.dev/components/testimonials/larder-lane-reviews",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-reviews.webm#t=0.9",
"installPath": "components/copypasteui/LarderLaneReviews.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-reviews.json"
},
{
"slug": "larder-lane-steps",
"name": "Larder Lane Sticky Bake Steps",
"description": "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.",
"category": "how-it-works",
"tags": [
"bakery",
"steps",
"sticky",
"scroll",
"photography",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "larder-lane-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-steps.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-steps.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LarderLaneSteps",
"theme": "groove",
"url": "https://copypasteui.dev/components/how-it-works/larder-lane-steps",
"previewUrl": "https://copypasteui.dev/preview/larder-lane-steps",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-steps.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-steps.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/larder-lane-steps.webm#t=0.9",
"installPath": "components/copypasteui/LarderLaneSteps.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/larder-lane-steps.json"
},
{
"slug": "lockfast-beers",
"name": "Lockfast Tap List",
"description": "Tap list as chunky cards with style filters that reshuffle with a layout animation, ABV, pint and half prices and a keg level bar.",
"category": "products",
"tags": [
"brewery",
"bar",
"menu",
"filter",
"layout-animation"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-beers.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lockfast-beers.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LockfastBeers",
"theme": "poster",
"url": "https://copypasteui.dev/components/products/lockfast-beers",
"previewUrl": "https://copypasteui.dev/preview/lockfast-beers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-beers.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-beers.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-beers.webm#t=0.9",
"installPath": "components/copypasteui/LockfastBeers.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-beers.json"
},
{
"slug": "lockfast-brewing",
"name": "Lockfast Brewing Steps",
"description": "Four brewing steps joined by a pipe that draws itself as you scroll, with tank temperatures and days for each.",
"category": "how-it-works",
"tags": [
"brewery",
"steps",
"svg",
"scroll",
"line-drawing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-brewing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lockfast-brewing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LockfastBrewing",
"theme": "poster",
"url": "https://copypasteui.dev/components/how-it-works/lockfast-brewing",
"previewUrl": "https://copypasteui.dev/preview/lockfast-brewing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-brewing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-brewing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-brewing.webm#t=0.9",
"installPath": "components/copypasteui/LockfastBrewing.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-brewing.json"
},
{
"slug": "lockfast-cta",
"name": "Lockfast Velocity Marquee CTA",
"description": "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.",
"category": "cta",
"tags": [
"brewery",
"bar",
"marquee",
"scroll",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lockfast-cta.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LockfastCta",
"theme": "poster",
"url": "https://copypasteui.dev/components/cta/lockfast-cta",
"previewUrl": "https://copypasteui.dev/preview/lockfast-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-cta.webm#t=0.9",
"installPath": "components/copypasteui/LockfastCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-cta.json"
},
{
"slug": "lockfast-events",
"name": "Lockfast Weekly Events",
"description": "Weekly taproom events as big rows; hovering a row shows its photo following the cursor.",
"category": "events",
"tags": [
"brewery",
"events",
"cursor-follow",
"hover",
"list"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-events.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lockfast-events.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LockfastEvents",
"theme": "poster",
"url": "https://copypasteui.dev/components/events/lockfast-events",
"previewUrl": "https://copypasteui.dev/preview/lockfast-events",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-events.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-events.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-events.webm#t=0.9",
"installPath": "components/copypasteui/LockfastEvents.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-events.json"
},
{
"slug": "lockfast-footer",
"name": "Lockfast Footer",
"description": "Footer with a giant outlined wordmark, opening hours, the address and a sign-up for the Thursday tap list email.",
"category": "footer",
"tags": [
"brewery",
"footer",
"newsletter",
"neo-brutalist"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "LockfastFooter",
"theme": "poster",
"url": "https://copypasteui.dev/components/footer/lockfast-footer",
"previewUrl": "https://copypasteui.dev/preview/lockfast-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/LockfastFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-footer.json"
},
{
"slug": "lockfast-hero",
"name": "Lockfast Taproom Hero",
"description": "Neo-brutalist brewery hero: navbar, oversized headline, a slowly spinning \"on tap\" sticker and a tilted bar photo on a hard offset shadow.",
"category": "hero",
"tags": [
"brewery",
"bar",
"neo-brutalist",
"sticker",
"hero"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "lockfast-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lockfast-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lockfast-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LockfastHero",
"theme": "poster",
"url": "https://copypasteui.dev/components/hero/lockfast-hero",
"previewUrl": "https://copypasteui.dev/preview/lockfast-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lockfast-hero.webm#t=0.9",
"installPath": "components/copypasteui/LockfastHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lockfast-hero.json"
},
{
"slug": "lone-tree-background",
"name": "Lone Tree Background",
"description": "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.",
"category": "background",
"tags": [
"photo",
"landscape",
"parallax",
"canvas",
"light"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "paper",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lone-tree-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lone-tree-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LoneTreeBackground",
"theme": "paper",
"url": "https://copypasteui.dev/components/background/lone-tree-background",
"previewUrl": "https://copypasteui.dev/preview/lone-tree-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lone-tree-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lone-tree-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lone-tree-background.webm#t=0.9",
"installPath": "components/copypasteui/LoneTreeBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lone-tree-background.json"
},
{
"slug": "meadow-sky-background",
"name": "Meadow Sky Background",
"description": "Rolling green hills under heavy cloud, slowly zooming, with cloud shadows sweeping across and a gentle parallax that follows the cursor.",
"category": "background",
"tags": [
"photo",
"landscape",
"parallax",
"ken-burns",
"nature"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "spruce",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/meadow-sky-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/meadow-sky-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "MeadowSkyBackground",
"theme": "spruce",
"url": "https://copypasteui.dev/components/background/meadow-sky-background",
"previewUrl": "https://copypasteui.dev/preview/meadow-sky-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/meadow-sky-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/meadow-sky-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/meadow-sky-background.webm#t=0.9",
"installPath": "components/copypasteui/MeadowSkyBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/meadow-sky-background.json"
},
{
"slug": "mountain-mist-background",
"name": "Mountain Mist Background",
"description": "Layered blue ridges with bands of mist drifting at different speeds and a scroll parallax that lifts the range.",
"category": "background",
"tags": [
"photo",
"landscape",
"mist",
"parallax",
"scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mountain-mist-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mountain-mist-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "MountainMistBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/mountain-mist-background",
"previewUrl": "https://copypasteui.dev/preview/mountain-mist-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mountain-mist-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mountain-mist-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mountain-mist-background.webm#t=0.9",
"installPath": "components/copypasteui/MountainMistBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mountain-mist-background.json"
},
{
"slug": "neon-tunnel-background",
"name": "Neon Tunnel Background",
"description": "A grid corridor rushing towards you on all four walls, with a scanning band of light in your primary colour. True 3D projection on canvas.",
"category": "background",
"tags": [
"tunnel",
"grid",
"neon",
"canvas",
"3d"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "terminal",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/neon-tunnel-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/neon-tunnel-background.webm#t=1.8"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "NeonTunnelBackground",
"theme": "terminal",
"url": "https://copypasteui.dev/components/background/neon-tunnel-background",
"previewUrl": "https://copypasteui.dev/preview/neon-tunnel-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-tunnel-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-tunnel-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-tunnel-background.webm#t=1.8",
"installPath": "components/copypasteui/NeonTunnelBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/neon-tunnel-background.json"
},
{
"slug": "poggio-lento-enquire",
"name": "Poggio Lento Enquiry",
"description": "Stay enquiry with arrival and departure dates, rooms and a note, in fine underlined fields, with a calm confirmation.",
"category": "contact",
"tags": [
"hotel",
"booking",
"enquiry",
"form",
"luxury"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-enquire.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-enquire.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PoggioLentoEnquire",
"theme": "noir",
"url": "https://copypasteui.dev/components/contact/poggio-lento-enquire",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-enquire",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-enquire.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-enquire.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-enquire.webm#t=0.9",
"installPath": "components/copypasteui/PoggioLentoEnquire.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-enquire.json"
},
{
"slug": "poggio-lento-footer",
"name": "Poggio Lento Footer",
"description": "Quiet luxury footer with the estate address, how to get there from Florence and Pisa, and contact details.",
"category": "footer",
"tags": [
"hotel",
"footer",
"luxury"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "PoggioLentoFooter",
"theme": "noir",
"url": "https://copypasteui.dev/components/footer/poggio-lento-footer",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/PoggioLentoFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-footer.json"
},
{
"slug": "poggio-lento-hero",
"name": "Poggio Lento Scroll-Open Hero",
"description": "Hero where a framed vineyard photo opens out to full screen as you scroll, the headline lifts away and a booking card settles on the photo.",
"category": "hero",
"tags": [
"hotel",
"vineyard",
"scroll",
"mask-reveal",
"photography",
"motion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PoggioLentoHero",
"theme": "noir",
"url": "https://copypasteui.dev/components/hero/poggio-lento-hero",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-hero.webm#t=0.9",
"installPath": "components/copypasteui/PoggioLentoHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-hero.json"
},
{
"slug": "poggio-lento-rooms",
"name": "Poggio Lento Sideways Rooms",
"description": "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.",
"category": "features",
"tags": [
"hotel",
"rooms",
"horizontal-scroll",
"pinned",
"luxury"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-rooms.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-rooms.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "PoggioLentoRooms",
"theme": "noir",
"url": "https://copypasteui.dev/components/features/poggio-lento-rooms",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-rooms",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-rooms.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-rooms.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-rooms.webm#t=0.9",
"installPath": "components/copypasteui/PoggioLentoRooms.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-rooms.json"
},
{
"slug": "poggio-lento-table",
"name": "Poggio Lento Long Table Menu",
"description": "Tonight's set dinner where each course rises line by line out of a mask as it scrolls into view, beside two food photos.",
"category": "menu",
"tags": [
"restaurant",
"hotel",
"menu",
"text-reveal",
"luxury"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-table.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-table.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "PoggioLentoTable",
"theme": "noir",
"url": "https://copypasteui.dev/components/menu/poggio-lento-table",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-table",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-table.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-table.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-table.webm#t=0.9",
"installPath": "components/copypasteui/PoggioLentoTable.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-table.json"
},
{
"slug": "poggio-lento-wines",
"name": "Poggio Lento Wine Spotlight",
"description": "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.",
"category": "products",
"tags": [
"wine",
"hotel",
"spotlight",
"cursor",
"luxury"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "poggio-lento-agriturismo",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-wines.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-wines.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "PoggioLentoWines",
"theme": "noir",
"url": "https://copypasteui.dev/components/products/poggio-lento-wines",
"previewUrl": "https://copypasteui.dev/preview/poggio-lento-wines",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-wines.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-wines.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/poggio-lento-wines.webm#t=0.9",
"installPath": "components/copypasteui/PoggioLentoWines.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/poggio-lento-wines.json"
},
{
"slug": "portal-arc-background",
"name": "Portal Arc Background",
"description": "A ring of light rising from the horizon with thousands of particles drawn into it, bending towards the cursor. Drawn live on canvas.",
"category": "background",
"tags": [
"portal",
"particles",
"canvas",
"dark",
"space"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/portal-arc-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/portal-arc-background.webm#t=1.3"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "PortalArcBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/portal-arc-background",
"previewUrl": "https://copypasteui.dev/preview/portal-arc-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/portal-arc-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/portal-arc-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/portal-arc-background.webm#t=1.3",
"installPath": "components/copypasteui/PortalArcBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/portal-arc-background.json"
},
{
"slug": "prism-burst-background",
"name": "Prism Burst Background",
"description": "Rays of coloured light turning out from a bright core, with sparks flung outwards. Conic gradients and canvas.",
"category": "background",
"tags": [
"rays",
"prism",
"burst",
"canvas",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "prism",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-burst-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-burst-background.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "PrismBurstBackground",
"theme": "prism",
"url": "https://copypasteui.dev/components/background/prism-burst-background",
"previewUrl": "https://copypasteui.dev/preview/prism-burst-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-burst-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-burst-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-burst-background.webm#t=1.1",
"installPath": "components/copypasteui/PrismBurstBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-burst-background.json"
},
{
"slug": "ribbon-render-background",
"name": "Ribbon Render Background",
"description": "A glossy 3D ribbon render that tilts in perspective towards the cursor, with a specular sheen that follows it.",
"category": "background",
"tags": [
"photo",
"3d",
"tilt",
"dark",
"render"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": true,
"collection": null,
"previewTheme": "midnight",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ribbon-render-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ribbon-render-background.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "RibbonRenderBackground",
"theme": "midnight",
"url": "https://copypasteui.dev/components/background/ribbon-render-background",
"previewUrl": "https://copypasteui.dev/preview/ribbon-render-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ribbon-render-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ribbon-render-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ribbon-render-background.webm#t=0.9",
"installPath": "components/copypasteui/RibbonRenderBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ribbon-render-background.json"
},
{
"slug": "wax-cellar-footer",
"name": "Wax Cellar Footer",
"description": "Zine-style footer with a two-ink wordmark, opening hours, the basement address and a mailing list.",
"category": "footer",
"tags": [
"records",
"music",
"footer",
"riso"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "WaxCellarFooter",
"theme": "riso",
"url": "https://copypasteui.dev/components/footer/wax-cellar-footer",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/WaxCellarFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-footer.json"
},
{
"slug": "wax-cellar-gigs",
"name": "Wax Cellar In-Store Gigs",
"description": "In-store gigs as date-stamped rows that slide out of register on hover, with ticket prices and capacity.",
"category": "events",
"tags": [
"records",
"music",
"events",
"riso",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-gigs.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-gigs.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WaxCellarGigs",
"theme": "riso",
"url": "https://copypasteui.dev/components/events/wax-cellar-gigs",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-gigs",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-gigs.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-gigs.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-gigs.webm#t=0.9",
"installPath": "components/copypasteui/WaxCellarGigs.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-gigs.json"
},
{
"slug": "wax-cellar-hero",
"name": "Wax Cellar Spinning Record Hero",
"description": "Risograph-style record shop hero: a drawn vinyl record that turns as you scroll and a two-ink headline printed slightly out of register.",
"category": "hero",
"tags": [
"records",
"music",
"shop",
"riso",
"scroll",
"rotate"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WaxCellarHero",
"theme": "riso",
"url": "https://copypasteui.dev/components/hero/wax-cellar-hero",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-hero.webm#t=0.9",
"installPath": "components/copypasteui/WaxCellarHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-hero.json"
},
{
"slug": "wax-cellar-new-in",
"name": "Wax Cellar Crate Dig",
"description": "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.",
"category": "products",
"tags": [
"records",
"music",
"shop",
"cards",
"drag",
"stack"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-new-in.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-new-in.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WaxCellarNewIn",
"theme": "riso",
"url": "https://copypasteui.dev/components/products/wax-cellar-new-in",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-new-in",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-new-in.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-new-in.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-new-in.webm#t=0.9",
"installPath": "components/copypasteui/WaxCellarNewIn.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-new-in.json"
},
{
"slug": "wax-cellar-sell",
"name": "Wax Cellar Sell Your Records",
"description": "Price guide for selling records: pick a condition and a genre, and a bar slides to the price range we pay per LP.",
"category": "how-it-works",
"tags": [
"records",
"music",
"pricing",
"calculator",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-sell.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-sell.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "WaxCellarSell",
"theme": "riso",
"url": "https://copypasteui.dev/components/how-it-works/wax-cellar-sell",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-sell",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-sell.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-sell.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-sell.webm#t=0.9",
"installPath": "components/copypasteui/WaxCellarSell.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-sell.json"
},
{
"slug": "wax-cellar-visit",
"name": "Wax Cellar Visit and Now Playing",
"description": "Visit section with the shop photo, hours and listening booths, and a now-playing bar with a moving equaliser.",
"category": "contact",
"tags": [
"records",
"music",
"visit",
"equaliser",
"riso"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-22",
"featured": false,
"collection": "wax-cellar-records",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-visit.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-visit.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WaxCellarVisit",
"theme": "riso",
"url": "https://copypasteui.dev/components/contact/wax-cellar-visit",
"previewUrl": "https://copypasteui.dev/preview/wax-cellar-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-visit.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wax-cellar-visit.webm#t=0.9",
"installPath": "components/copypasteui/WaxCellarVisit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wax-cellar-visit.json"
},
{
"slug": "acorns-day",
"name": "Little Acorns Daily Rhythm",
"description": "Horizontally scrolling day-at-nursery cards with times, emoji and photos that tilt and lift.",
"category": "features",
"tags": [
"nursery",
"timeline",
"scroll",
"kids"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-day.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-day.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AcornsDay",
"theme": "acorns",
"url": "https://copypasteui.dev/components/features/acorns-day",
"previewUrl": "https://copypasteui.dev/preview/acorns-day",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-day.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-day.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-day.webm#t=0.9",
"installPath": "components/copypasteui/AcornsDay.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-day.json"
},
{
"slug": "acorns-fees",
"name": "Little Acorns Fee Calculator",
"description": "Childcare fee calculator with age group, day picker and funded-hours switch giving a weekly estimate.",
"category": "pricing",
"tags": [
"nursery",
"pricing",
"calculator"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-fees.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-fees.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AcornsFees",
"theme": "acorns",
"url": "https://copypasteui.dev/components/pricing/acorns-fees",
"previewUrl": "https://copypasteui.dev/preview/acorns-fees",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-fees.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-fees.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-fees.webm#t=0.9",
"installPath": "components/copypasteui/AcornsFees.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-fees.json"
},
{
"slug": "acorns-footer",
"name": "Little Acorns Footer",
"description": "Wavy nursery footer with bobbing leaf emoji, contact and links.",
"category": "footer",
"tags": [
"nursery",
"footer",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AcornsFooter",
"theme": "acorns",
"url": "https://copypasteui.dev/components/footer/acorns-footer",
"previewUrl": "https://copypasteui.dev/preview/acorns-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-footer.webm#t=0.9",
"installPath": "components/copypasteui/AcornsFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-footer.json"
},
{
"slug": "acorns-hero",
"name": "Little Acorns Nursery Hero",
"description": "Playful nursery hero with bouncy photo blobs, drawn underline, inspection badge, lunch card and floating emoji.",
"category": "hero",
"tags": [
"nursery",
"childcare",
"kids",
"playful",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AcornsHero",
"theme": "acorns",
"url": "https://copypasteui.dev/components/hero/acorns-hero",
"previewUrl": "https://copypasteui.dev/preview/acorns-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-hero.webm#t=0.9",
"installPath": "components/copypasteui/AcornsHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-hero.json"
},
{
"slug": "acorns-parents",
"name": "Little Acorns Parent FAQ",
"description": "Parent FAQ accordion with a sticky parent quote and show-round booking card.",
"category": "faq",
"tags": [
"nursery",
"faq",
"booking"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-parents.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-parents.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AcornsParents",
"theme": "acorns",
"url": "https://copypasteui.dev/components/faq/acorns-parents",
"previewUrl": "https://copypasteui.dev/preview/acorns-parents",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-parents.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-parents.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-parents.webm#t=0.9",
"installPath": "components/copypasteui/AcornsParents.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-parents.json"
},
{
"slug": "acorns-spaces",
"name": "Little Acorns Rooms",
"description": "Room tabs with springy indicator showing ages, ratios and photos for each nursery room.",
"category": "gallery",
"tags": [
"nursery",
"gallery",
"tabs"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "acorns-nursery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/acorns-spaces.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/acorns-spaces.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AcornsSpaces",
"theme": "acorns",
"url": "https://copypasteui.dev/components/gallery/acorns-spaces",
"previewUrl": "https://copypasteui.dev/preview/acorns-spaces",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-spaces.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-spaces.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/acorns-spaces.webm#t=0.9",
"installPath": "components/copypasteui/AcornsSpaces.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/acorns-spaces.json"
},
{
"slug": "admin-bookings",
"name": "Back Office Bookings",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"bookings",
"reservations",
"calendar"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/bookings route. Load the day's bookings from your database (or your booking provider's API) and save changes in onStatusChange, onAdd and onDayChange. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-bookings.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminBookings",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-bookings",
"previewUrl": "https://copypasteui.dev/preview/admin-bookings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-bookings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-bookings.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminBookings.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-bookings.json"
},
{
"slug": "admin-customers",
"name": "Back Office Customers",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"customers",
"crm",
"notes"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/customers route. Build the list from your bookings or orders data, save notes in onNotesChange, and use onExport only for people who agreed to marketing. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-customers.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminCustomers",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-customers",
"previewUrl": "https://copypasteui.dev/preview/admin-customers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-customers.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-customers.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminCustomers.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-customers.json"
},
{
"slug": "admin-enquiries",
"name": "Back Office Enquiries",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"enquiries",
"inbox",
"messages"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/enquiries route. Load messages from wherever the contact form saves them (Supabase, Formspree's API…), save onStatusChange, and make onReply open an email reply or send one through your email service. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-enquiries.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminEnquiries",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-enquiries",
"previewUrl": "https://copypasteui.dev/preview/admin-enquiries",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-enquiries.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-enquiries.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminEnquiries.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-enquiries.json"
},
{
"slug": "admin-hours",
"name": "Back Office Hours & Closures",
"description": "Set the usual week (open or closed, from and to) and add holiday closures with the message for the website's notice banner.",
"category": "admin",
"tags": [
"admin",
"opening-hours",
"closures",
"holidays"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/hours route. Save week and closures in onSave to one place that the public footer, contact section and closed-notice banner all read, so they never disagree. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-hours.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminHours",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-hours",
"previewUrl": "https://copypasteui.dev/preview/admin-hours",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-hours.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-hours.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminHours.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-hours.json"
},
{
"slug": "admin-menu-editor",
"name": "Back Office Menu Editor",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"menu",
"editor",
"products"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/menu route. Load sections from the same table your public menu reads, and save the whole list in onSave so the website updates when the owner presses Publish. Works for product or service lists too — rename the labels. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-menu-editor.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AdminMenuEditor",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-menu-editor",
"previewUrl": "https://copypasteui.dev/preview/admin-menu-editor",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-menu-editor.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-menu-editor.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminMenuEditor.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-menu-editor.json"
},
{
"slug": "admin-orders",
"name": "Back Office Orders",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"orders",
"takeaway",
"board"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/orders route. Load today's orders from your shop or payment provider (Square, Stripe, Shopify) and save stage changes in onStageChange — a good place to text the customer when an order is ready. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-orders.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AdminOrders",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-orders",
"previewUrl": "https://copypasteui.dev/preview/admin-orders",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-orders.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-orders.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminOrders.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-orders.json"
},
{
"slug": "admin-overview",
"name": "Back Office Overview",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"dashboard",
"overview",
"sidebar"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Use it as the /admin home and as the layout for the other back-office screens (move the sidebar into your admin layout). Replace the sample numbers, bookings and to-dos with queries for today. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-overview.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminOverview",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-overview",
"previewUrl": "https://copypasteui.dev/preview/admin-overview",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-overview.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-overview.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminOverview.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-overview.json"
},
{
"slug": "admin-reports",
"name": "Back Office Reports",
"description": "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.",
"category": "admin",
"tags": [
"admin",
"reports",
"analytics",
"charts"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/reports route and replace the sample data object with figures from your analytics (Plausible and Cloudflare both have simple APIs) and your bookings and orders tables. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-reports.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AdminReports",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-reports",
"previewUrl": "https://copypasteui.dev/preview/admin-reports",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-reports.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-reports.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminReports.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-reports.json"
},
{
"slug": "admin-reviews",
"name": "Back Office Reviews",
"description": "Reviews from Google, Tripadvisor and the website in one list, unanswered first, with a reply box that suggests the right tone for low and high ratings.",
"category": "admin",
"tags": [
"admin",
"reviews",
"replies",
"reputation"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/reviews route. Load reviews from the platforms' APIs (Google Business Profile, Tripadvisor) or your own review form, and post replies in onReply. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-reviews.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminReviews",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-reviews",
"previewUrl": "https://copypasteui.dev/preview/admin-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-reviews.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminReviews.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-reviews.json"
},
{
"slug": "admin-settings",
"name": "Back Office Settings",
"description": "Business details the whole site reads (name, phone, email, address, Instagram, booking link) and notification switches, saved as one record.",
"category": "admin",
"tags": [
"admin",
"settings",
"business-details",
"notifications"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/settings route, owner only. Load and save the settings as one record in onSave, and make the public site's header, footer and contact section read from it so one edit updates everywhere. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-settings.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminSettings",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-settings",
"previewUrl": "https://copypasteui.dev/preview/admin-settings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-settings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-settings.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminSettings.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-settings.json"
},
{
"slug": "admin-sign-in",
"name": "Back Office Sign In",
"description": "Sign-in screen for the owner and staff, with password and email-link options and clear error messages.",
"category": "admin",
"tags": [
"admin",
"sign-in",
"auth",
"login"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/sign-in route and wire onSignIn and onMagicLink to your auth provider; send people back here whenever they aren't signed in. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-sign-in.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AdminSignIn",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-sign-in",
"previewUrl": "https://copypasteui.dev/preview/admin-sign-in",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-sign-in.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-sign-in.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminSignIn.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-sign-in.json"
},
{
"slug": "admin-staff",
"name": "Back Office Staff",
"description": "Invite staff by email, set roles (owner, manager, staff) with a plain explanation of what each can do, and remove people who've left.",
"category": "admin",
"tags": [
"admin",
"staff",
"roles",
"team"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give it the /admin/staff route, owner only. Send invites and role changes through your auth provider in onInvite and onRoleChange, and enforce the same three roles in your database rules — hiding a button isn't security. Security: put every back-office screen behind sign-in (for example Supabase Auth or Clerk), let only the owner's account read or write this data (in Supabase, with row-level security on every table), and keep admin pages out of the public navigation and sitemap.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/admin-staff.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "AdminStaff",
"theme": "paper",
"url": "https://copypasteui.dev/components/admin/admin-staff",
"previewUrl": "https://copypasteui.dev/preview/admin-staff",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-staff.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/admin-staff.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AdminStaff.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/admin-staff.json"
},
{
"slug": "aether-agents",
"name": "Aether Agents Grid",
"description": "Glass agent cards with live metrics over a drifting constellation network canvas.",
"category": "features",
"tags": [
"ai",
"features",
"glass",
"canvas",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-agents.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-agents.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AetherAgents",
"theme": "aether",
"url": "https://copypasteui.dev/components/features/aether-agents",
"previewUrl": "https://copypasteui.dev/preview/aether-agents",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-agents.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-agents.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-agents.webm#t=0.9",
"installPath": "components/copypasteui/AetherAgents.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-agents.json"
},
{
"slug": "aether-beam-cta",
"name": "Aether Beam CTA",
"description": "Headline CTA lit by a live canvas light beam pooling on the floor with drifting sparks.",
"category": "cta",
"tags": [
"ai",
"cta",
"beam",
"canvas",
"cinematic"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-beam-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-beam-cta.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AetherBeamCta",
"theme": "aether",
"url": "https://copypasteui.dev/components/cta/aether-beam-cta",
"previewUrl": "https://copypasteui.dev/preview/aether-beam-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-beam-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-beam-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-beam-cta.webm#t=0.9",
"installPath": "components/copypasteui/AetherBeamCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-beam-cta.json"
},
{
"slug": "aether-footer",
"name": "Aether Footer",
"description": "Dark footer with a rotating eclipse corona rising from the bottom edge.",
"category": "footer",
"tags": [
"ai",
"footer",
"eclipse",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AetherFooter",
"theme": "aether",
"url": "https://copypasteui.dev/components/footer/aether-footer",
"previewUrl": "https://copypasteui.dev/preview/aether-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-footer.webm#t=0.9",
"installPath": "components/copypasteui/AetherFooter.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-footer.json"
},
{
"slug": "aether-hero",
"name": "Aether AI Hero",
"description": "Cinematic AI launch hero on a live planet-horizon background: glass nav, gradient headline, waitlist form and floating agent cards.",
"category": "hero",
"tags": [
"ai",
"space",
"dark",
"waitlist",
"cinematic"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AetherHero",
"theme": "aether",
"url": "https://copypasteui.dev/components/hero/aether-hero",
"previewUrl": "https://copypasteui.dev/preview/aether-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-hero.webm#t=0.9",
"installPath": "components/copypasteui/AetherHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-hero.json"
},
{
"slug": "aether-pipeline",
"name": "Aether Pipeline",
"description": "Animated SVG workflow — trigger, agent, tools, approval, done — with signal dots travelling the line.",
"category": "how-it-works",
"tags": [
"ai",
"workflow",
"svg",
"how-it-works"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-pipeline.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-pipeline.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AetherPipeline",
"theme": "aether",
"url": "https://copypasteui.dev/components/how-it-works/aether-pipeline",
"previewUrl": "https://copypasteui.dev/preview/aether-pipeline",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pipeline.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pipeline.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pipeline.webm#t=0.9",
"installPath": "components/copypasteui/AetherPipeline.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-pipeline.json"
},
{
"slug": "aether-pricing",
"name": "Aether Pricing",
"description": "Pricing cards over thin rings pulsing out from a horizon line.",
"category": "pricing",
"tags": [
"ai",
"pricing",
"neon",
"glass",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "aether-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aether-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aether-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AetherPricing",
"theme": "aether",
"url": "https://copypasteui.dev/components/pricing/aether-pricing",
"previewUrl": "https://copypasteui.dev/preview/aether-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aether-pricing.webm#t=0.9",
"installPath": "components/copypasteui/AetherPricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aether-pricing.json"
},
{
"slug": "alternating-feature-rows",
"name": "Alternating Feature Rows",
"description": "Zig-zag feature rows with animated inbox, calendar and growth-chart visuals.",
"category": "features",
"tags": [
"zig-zag",
"saas",
"illustrated",
"scroll-reveal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/alternating-feature-rows.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/alternating-feature-rows.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AlternatingFeatureRows",
"theme": "paper",
"url": "https://copypasteui.dev/components/features/alternating-feature-rows",
"previewUrl": "https://copypasteui.dev/preview/alternating-feature-rows",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/alternating-feature-rows.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/alternating-feature-rows.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/alternating-feature-rows.webm#t=0.9",
"installPath": "components/copypasteui/AlternatingFeatureRows.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/alternating-feature-rows.json"
},
{
"slug": "animated-border-buttons",
"name": "Animated Border Buttons",
"description": "Rotating conic-gradient border, pulsing glow ring and a marching-ants dashed outline.",
"category": "buttons",
"tags": [
"border",
"glow",
"conic",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/animated-border-buttons.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AnimatedBorderButtons",
"theme": "paper",
"url": "https://copypasteui.dev/components/buttons/animated-border-buttons",
"previewUrl": "https://copypasteui.dev/preview/animated-border-buttons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/animated-border-buttons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/animated-border-buttons.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/AnimatedBorderButtons.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/animated-border-buttons.json"
},
{
"slug": "announcement-navbar",
"name": "Announcement Navbar",
"description": "Dismissible announcement bar above a navbar with an animated product mega-menu.",
"category": "navbar",
"tags": [
"saas",
"dropdown",
"banner",
"mega-menu"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/announcement-navbar.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/announcement-navbar.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AnnouncementNavbar",
"theme": "paper",
"url": "https://copypasteui.dev/components/navbar/announcement-navbar",
"previewUrl": "https://copypasteui.dev/preview/announcement-navbar",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/announcement-navbar.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/announcement-navbar.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/announcement-navbar.webm#t=0.9",
"installPath": "components/copypasteui/AnnouncementNavbar.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/announcement-navbar.json"
},
{
"slug": "app-download-hero",
"name": "App Download Hero",
"description": "Mobile-app hero with a CSS phone mockup, floating notification cards and store buttons.",
"category": "hero",
"tags": [
"mobile-app",
"phone-mockup",
"download",
"consumer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/app-download-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/app-download-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AppDownloadHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/app-download-hero",
"previewUrl": "https://copypasteui.dev/preview/app-download-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/app-download-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/app-download-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/app-download-hero.webm#t=0.9",
"installPath": "components/copypasteui/AppDownloadHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/app-download-hero.json"
},
{
"slug": "area-chart-stats",
"name": "Area Chart Stats",
"description": "Key metrics beside an animated SVG area chart with 6M/1Y/3Y range switching.",
"category": "stats",
"tags": [
"chart",
"metrics",
"real-estate",
"finance"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/area-chart-stats.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/area-chart-stats.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "AreaChartStats",
"theme": "paper",
"url": "https://copypasteui.dev/components/stats/area-chart-stats",
"previewUrl": "https://copypasteui.dev/preview/area-chart-stats",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/area-chart-stats.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/area-chart-stats.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/area-chart-stats.webm#t=0.9",
"installPath": "components/copypasteui/AreaChartStats.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/area-chart-stats.json"
},
{
"slug": "article-reader",
"name": "Article Reader",
"description": "Long-form article page with a reading progress bar, photo with caption, sticky contents, save and share, drop cap and pull quote.",
"category": "blog",
"tags": [
"article",
"reading",
"typography",
"blog"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/article-reader.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/article-reader.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ArticleReader",
"theme": "paper",
"url": "https://copypasteui.dev/components/blog/article-reader",
"previewUrl": "https://copypasteui.dev/preview/article-reader",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/article-reader.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/article-reader.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/article-reader.webm#t=0.9",
"installPath": "components/copypasteui/ArticleReader.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/article-reader.json"
},
{
"slug": "bistro-hero",
"name": "Bistro Hero",
"description": "Restaurant hero with a big serif headline, opening hours, address and a round food photo ringed by a scrolling list of tonight's dishes.",
"category": "hero",
"tags": [
"restaurant",
"food",
"serif",
"local-business"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/bistro-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/bistro-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BistroHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/bistro-hero",
"previewUrl": "https://copypasteui.dev/preview/bistro-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/bistro-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/bistro-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/bistro-hero.webm#t=0.9",
"installPath": "components/copypasteui/BistroHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/bistro-hero.json"
},
{
"slug": "blog-post-cards",
"name": "Blog Post Cards",
"description": "Blog index with a large lead story, photo covers, category filters and reading times.",
"category": "blog",
"tags": [
"blog",
"articles",
"magazine",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/blog-post-cards.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/blog-post-cards.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BlogPostCards",
"theme": "paper",
"url": "https://copypasteui.dev/components/blog/blog-post-cards",
"previewUrl": "https://copypasteui.dev/preview/blog-post-cards",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/blog-post-cards.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/blog-post-cards.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/blog-post-cards.webm#t=0.9",
"installPath": "components/copypasteui/BlogPostCards.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/blog-post-cards.json"
},
{
"slug": "brightline-booking",
"name": "Brightline Appointment Request",
"description": "Appointment request with new or existing patient, reason chips, emergency hint and best time.",
"category": "contact",
"tags": [
"dental",
"booking",
"form",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlineBooking",
"theme": "brightline",
"url": "https://copypasteui.dev/components/contact/brightline-booking",
"previewUrl": "https://copypasteui.dev/preview/brightline-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-booking.webm#t=0.9",
"installPath": "components/copypasteui/BrightlineBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-booking.json"
},
{
"slug": "brightline-footer",
"name": "Brightline Footer",
"description": "Clinic footer with call-to-action card, link columns and regulator note.",
"category": "footer",
"tags": [
"dental",
"footer",
"cta"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlineFooter",
"theme": "brightline",
"url": "https://copypasteui.dev/components/footer/brightline-footer",
"previewUrl": "https://copypasteui.dev/preview/brightline-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-footer.webm#t=0.9",
"installPath": "components/copypasteui/BrightlineFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-footer.json"
},
{
"slug": "brightline-hero",
"name": "Brightline Dental Hero",
"description": "Friendly clinic hero with emergency bar, highlighted headline, checklist and floating availability and rating cards.",
"category": "hero",
"tags": [
"dental",
"clinic",
"healthcare",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlineHero",
"theme": "brightline",
"url": "https://copypasteui.dev/components/hero/brightline-hero",
"previewUrl": "https://copypasteui.dev/preview/brightline-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-hero.webm#t=0.9",
"installPath": "components/copypasteui/BrightlineHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-hero.json"
},
{
"slug": "brightline-plans",
"name": "Brightline Care Plan Calculator",
"description": "Dental plan switch with adult and child steppers, monthly total and yearly saving.",
"category": "pricing",
"tags": [
"dental",
"pricing",
"calculator",
"membership"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-plans.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-plans.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlinePlans",
"theme": "brightline",
"url": "https://copypasteui.dev/components/pricing/brightline-plans",
"previewUrl": "https://copypasteui.dev/preview/brightline-plans",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-plans.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-plans.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-plans.webm#t=0.9",
"installPath": "components/copypasteui/BrightlinePlans.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-plans.json"
},
{
"slug": "brightline-team",
"name": "Brightline Dental Team",
"description": "Clinician cards with registration numbers beside a nervous-patients callout.",
"category": "team",
"tags": [
"dental",
"team",
"healthcare"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-team.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-team.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlineTeam",
"theme": "brightline",
"url": "https://copypasteui.dev/components/team/brightline-team",
"previewUrl": "https://copypasteui.dev/preview/brightline-team",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-team.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-team.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-team.webm#t=0.9",
"installPath": "components/copypasteui/BrightlineTeam.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-team.json"
},
{
"slug": "brightline-treatments",
"name": "Brightline Treatments & Fees",
"description": "Tabbed general, cosmetic and emergency treatments with icons and from-prices.",
"category": "features",
"tags": [
"dental",
"clinic",
"tabs",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "brightline-dental",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/brightline-treatments.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/brightline-treatments.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BrightlineTreatments",
"theme": "brightline",
"url": "https://copypasteui.dev/components/features/brightline-treatments",
"previewUrl": "https://copypasteui.dev/preview/brightline-treatments",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-treatments.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-treatments.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/brightline-treatments.webm#t=0.9",
"installPath": "components/copypasteui/BrightlineTreatments.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/brightline-treatments.json"
},
{
"slug": "canopy-experiences",
"name": "Canopy Experiences Accordion",
"description": "Expanding photo-panel accordion of resort experiences with vertical labels.",
"category": "features",
"tags": [
"resort",
"experiences",
"accordion",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-experiences.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-experiences.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CanopyExperiences",
"theme": "canopy",
"url": "https://copypasteui.dev/components/features/canopy-experiences",
"previewUrl": "https://copypasteui.dev/preview/canopy-experiences",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-experiences.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-experiences.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-experiences.webm#t=0.9",
"installPath": "components/copypasteui/CanopyExperiences.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-experiences.json"
},
{
"slug": "canopy-footer",
"name": "Canopy Footer",
"description": "Photo call-to-action band over the pool, then contact, links and a newsletter.",
"category": "footer",
"tags": [
"resort",
"footer",
"cta",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-footer.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CanopyFooter",
"theme": "canopy",
"url": "https://copypasteui.dev/components/footer/canopy-footer",
"previewUrl": "https://copypasteui.dev/preview/canopy-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-footer.webm#t=0.9",
"installPath": "components/copypasteui/CanopyFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-footer.json"
},
{
"slug": "canopy-hero",
"name": "Canopy Resort Hero",
"description": "Full-screen aerial villa hero with slow zoom, centred serif headline and an availability search bar.",
"category": "hero",
"tags": [
"resort",
"hotel",
"travel",
"booking",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CanopyHero",
"theme": "canopy",
"url": "https://copypasteui.dev/components/hero/canopy-hero",
"previewUrl": "https://copypasteui.dev/preview/canopy-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-hero.webm#t=0.9",
"installPath": "components/copypasteui/CanopyHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-hero.json"
},
{
"slug": "canopy-impact",
"name": "Canopy Sustainability Stats",
"description": "Eco-impact counters with a clip-path photo reveal and a guest review card.",
"category": "stats",
"tags": [
"resort",
"stats",
"sustainability",
"counters"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-impact.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-impact.webm#t=2.1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CanopyImpact",
"theme": "canopy",
"url": "https://copypasteui.dev/components/stats/canopy-impact",
"previewUrl": "https://copypasteui.dev/preview/canopy-impact",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-impact.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-impact.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-impact.webm#t=2.1",
"installPath": "components/copypasteui/CanopyImpact.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-impact.json"
},
{
"slug": "canopy-packages",
"name": "Canopy Stay Packages",
"description": "Package cards with a nights switch, live totals and long-stay discounts.",
"category": "pricing",
"tags": [
"resort",
"pricing",
"packages",
"hotel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-packages.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-packages.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CanopyPackages",
"theme": "canopy",
"url": "https://copypasteui.dev/components/pricing/canopy-packages",
"previewUrl": "https://copypasteui.dev/preview/canopy-packages",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-packages.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-packages.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-packages.webm#t=0.9",
"installPath": "components/copypasteui/CanopyPackages.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-packages.json"
},
{
"slug": "canopy-villas",
"name": "Canopy Villa Selector",
"description": "Villa list that swaps a large photo and detail panel with size, sleeps, beds, pool and nightly rate.",
"category": "gallery",
"tags": [
"resort",
"rooms",
"hotel",
"gallery"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "canopy-resort",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/canopy-villas.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/canopy-villas.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CanopyVillas",
"theme": "canopy",
"url": "https://copypasteui.dev/components/gallery/canopy-villas",
"previewUrl": "https://copypasteui.dev/preview/canopy-villas",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-villas.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-villas.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/canopy-villas.webm#t=0.9",
"installPath": "components/copypasteui/CanopyVillas.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/canopy-villas.json"
},
{
"slug": "cinderwick-cafe-menu",
"name": "Cinderwick Café Menu",
"description": "Tabbed café menu with crossfading photo, dashed rows and serif prices.",
"category": "menu",
"tags": [
"coffee",
"cafe",
"menu",
"tabs",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-cafe-menu.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-cafe-menu.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CinderwickCafeMenu",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/menu/cinderwick-cafe-menu",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-cafe-menu",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-cafe-menu.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-cafe-menu.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-cafe-menu.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickCafeMenu.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-cafe-menu.json"
},
{
"slug": "cinderwick-coffee-shop",
"name": "Cinderwick Coffee Shop",
"description": "Coffee product cards with CSS-drawn bags, roast dots, tasting notes, grind picker and subscribe toggle.",
"category": "products",
"tags": [
"coffee",
"ecommerce",
"products",
"subscription"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-coffee-shop.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-coffee-shop.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CinderwickCoffeeShop",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/products/cinderwick-coffee-shop",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-coffee-shop",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-coffee-shop.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-coffee-shop.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-coffee-shop.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickCoffeeShop.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-coffee-shop.json"
},
{
"slug": "cinderwick-farm-to-cup",
"name": "Cinderwick Farm to Cup",
"description": "Four numbered photo steps from farm to cup on a dark roast background with staggered layout.",
"category": "how-it-works",
"tags": [
"coffee",
"process",
"story",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-farm-to-cup.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-farm-to-cup.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CinderwickFarmToCup",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/how-it-works/cinderwick-farm-to-cup",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-farm-to-cup",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-farm-to-cup.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-farm-to-cup.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-farm-to-cup.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickFarmToCup.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-farm-to-cup.json"
},
{
"slug": "cinderwick-footer",
"name": "Cinderwick Footer",
"description": "Café footer with address/hours over a photo, roast-day signup, link columns and serif wordmark.",
"category": "footer",
"tags": [
"coffee",
"footer",
"newsletter",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-footer.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "CinderwickFooter",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/footer/cinderwick-footer",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/CinderwickFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-footer.json"
},
{
"slug": "cinderwick-hero",
"name": "Cinderwick Coffee Hero",
"description": "Roastery hero with serif headline, arch-framed roasting photo, rotating badge and origin tasting-notes card.",
"category": "hero",
"tags": [
"coffee",
"cafe",
"ecommerce",
"serif",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CinderwickHero",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/hero/cinderwick-hero",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-hero.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-hero.json"
},
{
"slug": "cinderwick-polaroid-reviews",
"name": "Cinderwick Polaroid Reviews",
"description": "Taped polaroid review cards that tilt into place and straighten on hover.",
"category": "testimonials",
"tags": [
"coffee",
"reviews",
"polaroid",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-polaroid-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-polaroid-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CinderwickPolaroidReviews",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/testimonials/cinderwick-polaroid-reviews",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-polaroid-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-polaroid-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-polaroid-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-polaroid-reviews.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickPolaroidReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-polaroid-reviews.json"
},
{
"slug": "cinderwick-subscribe-cta",
"name": "Cinderwick Subscribe CTA",
"description": "Subscription CTA with cadence switch, live price, perks and a pour-over photo panel.",
"category": "cta",
"tags": [
"coffee",
"subscription",
"cta",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "cinderwick-coffee",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-subscribe-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-subscribe-cta.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CinderwickSubscribeCta",
"theme": "cinderwick",
"url": "https://copypasteui.dev/components/cta/cinderwick-subscribe-cta",
"previewUrl": "https://copypasteui.dev/preview/cinderwick-subscribe-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-subscribe-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-subscribe-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cinderwick-subscribe-cta.webm#t=0.9",
"installPath": "components/copypasteui/CinderwickSubscribeCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cinderwick-subscribe-cta.json"
},
{
"slug": "closed-banner",
"name": "Closed Notice Banner",
"description": "A slim notice above the navigation for holidays, refits or changed hours, with one link and a close button.",
"category": "pages",
"tags": [
"banner",
"closed",
"holiday",
"notice"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Render at the very top of the layout, above the navigation, so it shows on every page. Edit the notice text and link for each closure, and remove it when you reopen.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/closed-banner.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/closed-banner.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ClosedBanner",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/closed-banner",
"previewUrl": "https://copypasteui.dev/preview/closed-banner",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/closed-banner.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/closed-banner.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/closed-banner.webm#t=0.9",
"installPath": "components/copypasteui/ClosedBanner.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/closed-banner.json"
},
{
"slug": "coming-soon-page",
"name": "Coming Soon Page",
"description": "Pre-launch page with the opening date, a days-to-go line, an email signup and the address, beside a full-height photo.",
"category": "pages",
"tags": [
"coming-soon",
"launch",
"signup",
"page"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Use it as the whole home page until launch: in Next.js render from app/page.tsx, then swap the real site in. Set OPENING and the business details, and connect the email form to your list provider.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/coming-soon-page.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/coming-soon-page.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ComingSoonPage",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/coming-soon-page",
"previewUrl": "https://copypasteui.dev/preview/coming-soon-page",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/coming-soon-page.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/coming-soon-page.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/coming-soon-page.webm#t=0.9",
"installPath": "components/copypasteui/ComingSoonPage.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/coming-soon-page.json"
},
{
"slug": "common-ground-donate",
"name": "Common Ground Donation Form",
"description": "Donation widget with one-off/monthly toggle, amounts, custom input, impact line and Gift Aid.",
"category": "cta",
"tags": [
"nonprofit",
"donate",
"form",
"cta"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-donate.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-donate.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CommonGroundDonate",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/cta/common-ground-donate",
"previewUrl": "https://copypasteui.dev/preview/common-ground-donate",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-donate.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-donate.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-donate.webm#t=0.9",
"installPath": "components/copypasteui/CommonGroundDonate.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-donate.json"
},
{
"slug": "common-ground-footer",
"name": "Common Ground Footer",
"description": "Charity footer with thank-you line, link columns and registration details.",
"category": "footer",
"tags": [
"nonprofit",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CommonGroundFooter",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/footer/common-ground-footer",
"previewUrl": "https://copypasteui.dev/preview/common-ground-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-footer.webm#t=0.9",
"installPath": "components/copypasteui/CommonGroundFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-footer.json"
},
{
"slug": "common-ground-hero",
"name": "Common Ground Charity Hero",
"description": "Appeal hero with animated fundraising progress bar, donor stats, volunteer photo and beneficiary quote.",
"category": "hero",
"tags": [
"nonprofit",
"charity",
"fundraising",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CommonGroundHero",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/hero/common-ground-hero",
"previewUrl": "https://copypasteui.dev/preview/common-ground-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-hero.webm#t=0.9",
"installPath": "components/copypasteui/CommonGroundHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-hero.json"
},
{
"slug": "common-ground-impact",
"name": "Common Ground Impact",
"description": "Counting impact stats and a stacked bar showing where every £10 goes.",
"category": "stats",
"tags": [
"nonprofit",
"stats",
"impact"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-impact.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-impact.webm#t=2.1"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CommonGroundImpact",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/stats/common-ground-impact",
"previewUrl": "https://copypasteui.dev/preview/common-ground-impact",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-impact.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-impact.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-impact.webm#t=2.1",
"installPath": "components/copypasteui/CommonGroundImpact.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-impact.json"
},
{
"slug": "common-ground-programmes",
"name": "Common Ground Programmes",
"description": "Programme cards for pantry, warm hubs, youth club and befriending with schedules.",
"category": "features",
"tags": [
"nonprofit",
"features",
"services"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-programmes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-programmes.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CommonGroundProgrammes",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/features/common-ground-programmes",
"previewUrl": "https://copypasteui.dev/preview/common-ground-programmes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-programmes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-programmes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-programmes.webm#t=0.9",
"installPath": "components/copypasteui/CommonGroundProgrammes.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-programmes.json"
},
{
"slug": "common-ground-volunteer",
"name": "Common Ground Volunteer Shifts",
"description": "Volunteer shift list with sign-up toggles and live fill bars.",
"category": "events",
"tags": [
"nonprofit",
"events",
"volunteer",
"rsvp"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "common-ground-charity",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/common-ground-volunteer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/common-ground-volunteer.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CommonGroundVolunteer",
"theme": "common-ground",
"url": "https://copypasteui.dev/components/events/common-ground-volunteer",
"previewUrl": "https://copypasteui.dev/preview/common-ground-volunteer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-volunteer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-volunteer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/common-ground-volunteer.webm#t=0.9",
"installPath": "components/copypasteui/CommonGroundVolunteer.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/common-ground-volunteer.json"
},
{
"slug": "comparison-table-pricing",
"name": "Comparison Table Pricing",
"description": "Full plan comparison table with grouped rows, ticks and a highlighted popular column.",
"category": "pricing",
"tags": [
"pricing",
"table",
"comparison",
"saas"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/comparison-table-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/comparison-table-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ComparisonTablePricing",
"theme": "paper",
"url": "https://copypasteui.dev/components/pricing/comparison-table-pricing",
"previewUrl": "https://copypasteui.dev/preview/comparison-table-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/comparison-table-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/comparison-table-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/comparison-table-pricing.webm#t=0.9",
"installPath": "components/copypasteui/ComparisonTablePricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/comparison-table-pricing.json"
},
{
"slug": "constellation-background",
"name": "Constellation Background",
"description": "Drifting particle network that links nearby nodes and gathers around the cursor. Light or dark.",
"category": "background",
"tags": [
"particles",
"network",
"canvas",
"interactive",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/constellation-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/constellation-background.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "ConstellationBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/constellation-background",
"previewUrl": "https://copypasteui.dev/preview/constellation-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/constellation-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/constellation-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/constellation-background.webm#t=1.1",
"installPath": "components/copypasteui/ConstellationBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/constellation-background.json"
},
{
"slug": "contact-form-split",
"name": "Contact Form Split",
"description": "Contact details beside a validated form with topic chips and a success state.",
"category": "contact",
"tags": [
"contact",
"form",
"validation",
"agency"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/contact-form-split.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/contact-form-split.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ContactFormSplit",
"theme": "paper",
"url": "https://copypasteui.dev/components/contact/contact-form-split",
"previewUrl": "https://copypasteui.dev/preview/contact-form-split",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/contact-form-split.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/contact-form-split.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/contact-form-split.webm#t=0.9",
"installPath": "components/copypasteui/ContactFormSplit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/contact-form-split.json"
},
{
"slug": "cookie-banner",
"name": "Cookie Banner",
"description": "Consent banner with equal Accept all and Reject all buttons and a Choose panel for analytics and marketing, as UK and EU rules expect.",
"category": "pages",
"tags": [
"cookies",
"consent",
"gdpr",
"banner"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Render once in the root layout, only if the site uses non-essential cookies (analytics that set cookies, ads, some embeds). Save the choice from onChoice in a first-party cookie or browser storage, pass open={false} once a choice exists, load analytics or ad scripts only when allowed, and add a footer link that clears the saved choice so people can change their mind.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/cookie-banner.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/cookie-banner.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CookieBanner",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/cookie-banner",
"previewUrl": "https://copypasteui.dev/preview/cookie-banner",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/cookie-banner.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/cookie-banner.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/cookie-banner.webm#t=0.9",
"installPath": "components/copypasteui/CookieBanner.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/cookie-banner.json"
},
{
"slug": "crumb-bakes",
"name": "Crumb Today’s Bake",
"description": "Filterable bread and pastry grid with add-to-order steppers and a sticky basket bar with live total.",
"category": "products",
"tags": [
"bakery",
"products",
"ecommerce",
"order",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-bakes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-bakes.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrumbBakes",
"theme": "crumb",
"url": "https://copypasteui.dev/components/products/crumb-bakes",
"previewUrl": "https://copypasteui.dev/preview/crumb-bakes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-bakes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-bakes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-bakes.webm#t=0.9",
"installPath": "components/copypasteui/CrumbBakes.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-bakes.json"
},
{
"slug": "crumb-footer",
"name": "Crumb Footer",
"description": "Scalloped-edge bakery footer with opening hours table, address and quick links.",
"category": "footer",
"tags": [
"bakery",
"footer",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrumbFooter",
"theme": "crumb",
"url": "https://copypasteui.dev/components/footer/crumb-footer",
"previewUrl": "https://copypasteui.dev/preview/crumb-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-footer.webm#t=0.9",
"installPath": "components/copypasteui/CrumbFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-footer.json"
},
{
"slug": "crumb-hero",
"name": "Crumb Bakery Hero",
"description": "Playful bakery hero with tilted photo stack, spinning price sticker, oven-times card and an open-now pill.",
"category": "hero",
"tags": [
"bakery",
"cafe",
"food",
"photography",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrumbHero",
"theme": "crumb",
"url": "https://copypasteui.dev/components/hero/crumb-hero",
"previewUrl": "https://copypasteui.dev/preview/crumb-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-hero.webm#t=0.9",
"installPath": "components/copypasteui/CrumbHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-hero.json"
},
{
"slug": "crumb-orders",
"name": "Crumb Cake Orders",
"description": "Celebration-cake order form with size cards, flavour chips, pickup date and a confirmation state.",
"category": "contact",
"tags": [
"bakery",
"order",
"form",
"cakes"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-orders.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-orders.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrumbOrders",
"theme": "crumb",
"url": "https://copypasteui.dev/components/contact/crumb-orders",
"previewUrl": "https://copypasteui.dev/preview/crumb-orders",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-orders.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-orders.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-orders.webm#t=0.9",
"installPath": "components/copypasteui/CrumbOrders.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-orders.json"
},
{
"slug": "crumb-process",
"name": "Crumb 36-Hour Process",
"description": "Four-step sourdough timeline with times of day, numbered markers and tilting photos.",
"category": "how-it-works",
"tags": [
"bakery",
"process",
"timeline",
"story"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-process.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-process.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CrumbProcess",
"theme": "crumb",
"url": "https://copypasteui.dev/components/how-it-works/crumb-process",
"previewUrl": "https://copypasteui.dev/preview/crumb-process",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-process.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-process.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-process.webm#t=0.9",
"installPath": "components/copypasteui/CrumbProcess.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-process.json"
},
{
"slug": "crumb-reviews",
"name": "Crumb Counter Notes",
"description": "Taped-note reviews in a tilted masonry wall that straighten on hover.",
"category": "testimonials",
"tags": [
"bakery",
"reviews",
"masonry",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "crumb-bakery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/crumb-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/crumb-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "CrumbReviews",
"theme": "crumb",
"url": "https://copypasteui.dev/components/testimonials/crumb-reviews",
"previewUrl": "https://copypasteui.dev/preview/crumb-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/crumb-reviews.webm#t=0.9",
"installPath": "components/copypasteui/CrumbReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/crumb-reviews.json"
},
{
"slug": "dot-field-background",
"name": "Dot Field Background",
"description": "Canvas dot field that ripples away from the cursor and follows theme colours.",
"category": "background",
"tags": [
"canvas",
"interactive",
"dots",
"cursor"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "sunset",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/dot-field-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/dot-field-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "DotFieldBackground",
"theme": "sunset",
"url": "https://copypasteui.dev/components/background/dot-field-background",
"previewUrl": "https://copypasteui.dev/preview/dot-field-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/dot-field-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/dot-field-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/dot-field-background.webm#t=0.9",
"installPath": "components/copypasteui/DotFieldBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/dot-field-background.json"
},
{
"slug": "eclipse-ring-background",
"name": "Eclipse Ring Background",
"description": "Rotating conic-gradient corona around a black disc with bloom, tilting toward the cursor.",
"category": "background",
"tags": [
"eclipse",
"ring",
"glow",
"dark",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "midnight",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/eclipse-ring-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/eclipse-ring-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "EclipseRingBackground",
"theme": "midnight",
"url": "https://copypasteui.dev/components/background/eclipse-ring-background",
"previewUrl": "https://copypasteui.dev/preview/eclipse-ring-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/eclipse-ring-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/eclipse-ring-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/eclipse-ring-background.webm#t=0.9",
"installPath": "components/copypasteui/EclipseRingBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/eclipse-ring-background.json"
},
{
"slug": "event-countdown-hero",
"name": "Event Countdown Hero",
"description": "Conference hero with a live countdown, date and venue chips, ticket CTA and topic ticker.",
"category": "hero",
"tags": [
"event",
"conference",
"countdown",
"tickets"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/event-countdown-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/event-countdown-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "EventCountdownHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/event-countdown-hero",
"previewUrl": "https://copypasteui.dev/preview/event-countdown-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/event-countdown-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/event-countdown-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/event-countdown-hero.webm#t=0.9",
"installPath": "components/copypasteui/EventCountdownHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/event-countdown-hero.json"
},
{
"slug": "event-schedule",
"name": "Event Schedule",
"description": "Two-day agenda with day switcher, track filters, rooms and bookmarkable sessions.",
"category": "events",
"tags": [
"event",
"agenda",
"schedule",
"conference"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/event-schedule.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/event-schedule.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "EventSchedule",
"theme": "paper",
"url": "https://copypasteui.dev/components/events/event-schedule",
"previewUrl": "https://copypasteui.dev/preview/event-schedule",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/event-schedule.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/event-schedule.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/event-schedule.webm#t=0.9",
"installPath": "components/copypasteui/EventSchedule.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/event-schedule.json"
},
{
"slug": "farstep-faq",
"name": "Farstep FAQ & Planner",
"description": "Accordion FAQ beside a sticky talk-to-a-planner card with call and chat.",
"category": "faq",
"tags": [
"travel",
"faq",
"contact",
"accordion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-faq.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-faq.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepFaq",
"theme": "farstep",
"url": "https://copypasteui.dev/components/faq/farstep-faq",
"previewUrl": "https://copypasteui.dev/preview/farstep-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-faq.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-faq.webm#t=0.9",
"installPath": "components/copypasteui/FarstepFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-faq.json"
},
{
"slug": "farstep-footer",
"name": "Farstep Footer",
"description": "Brochure signup banner, destination link columns and ATOL badge.",
"category": "footer",
"tags": [
"travel",
"footer",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-footer.webm#t=1.2"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepFooter",
"theme": "farstep",
"url": "https://copypasteui.dev/components/footer/farstep-footer",
"previewUrl": "https://copypasteui.dev/preview/farstep-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-footer.webm#t=1.2",
"installPath": "components/copypasteui/FarstepFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-footer.json"
},
{
"slug": "farstep-hero",
"name": "Farstep Tours Hero",
"description": "Travel hero with drawn underline, where-and-when trip search and a fanned stack of destination photos.",
"category": "hero",
"tags": [
"travel",
"tours",
"search",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepHero",
"theme": "farstep",
"url": "https://copypasteui.dev/components/hero/farstep-hero",
"previewUrl": "https://copypasteui.dev/preview/farstep-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-hero.webm#t=0.9",
"installPath": "components/copypasteui/FarstepHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-hero.json"
},
{
"slug": "farstep-itinerary",
"name": "Farstep Itinerary Profile",
"description": "Day-by-day itinerary on an elevation profile; pick a day to see distance, ascent, stay and meals.",
"category": "how-it-works",
"tags": [
"travel",
"itinerary",
"timeline",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-itinerary.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-itinerary.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepItinerary",
"theme": "farstep",
"url": "https://copypasteui.dev/components/how-it-works/farstep-itinerary",
"previewUrl": "https://copypasteui.dev/preview/farstep-itinerary",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-itinerary.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-itinerary.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-itinerary.webm#t=0.9",
"installPath": "components/copypasteui/FarstepItinerary.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-itinerary.json"
},
{
"slug": "farstep-reviews",
"name": "Farstep Traveller Reviews",
"description": "Rating summary with animated star bars beside staggered review cards.",
"category": "testimonials",
"tags": [
"travel",
"reviews",
"ratings"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepReviews",
"theme": "farstep",
"url": "https://copypasteui.dev/components/testimonials/farstep-reviews",
"previewUrl": "https://copypasteui.dev/preview/farstep-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-reviews.webm#t=0.9",
"installPath": "components/copypasteui/FarstepReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-reviews.json"
},
{
"slug": "farstep-tours",
"name": "Farstep Trip Cards",
"description": "Filterable trip cards with wishlist hearts, difficulty meters, places-left badges and prices.",
"category": "products",
"tags": [
"travel",
"tours",
"products",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "farstep-tours",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/farstep-tours.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/farstep-tours.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FarstepTours",
"theme": "farstep",
"url": "https://copypasteui.dev/components/products/farstep-tours",
"previewUrl": "https://copypasteui.dev/preview/farstep-tours",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-tours.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-tours.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/farstep-tours.webm#t=0.9",
"installPath": "components/copypasteui/FarstepTours.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/farstep-tours.json"
},
{
"slug": "fixwell-callout",
"name": "Fixwell Call-out Request",
"description": "Call-out form with urgency cards, problem chips, photo upload and confirmation state.",
"category": "contact",
"tags": [
"trades",
"form",
"booking",
"emergency"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-callout.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-callout.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellCallout",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/contact/fixwell-callout",
"previewUrl": "https://copypasteui.dev/preview/fixwell-callout",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-callout.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-callout.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-callout.webm#t=0.9",
"installPath": "components/copypasteui/FixwellCallout.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-callout.json"
},
{
"slug": "fixwell-footer",
"name": "Fixwell Footer",
"description": "Dark footer with 24/7 emergency phone banner, area chips and links.",
"category": "footer",
"tags": [
"trades",
"footer",
"cta"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellFooter",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/footer/fixwell-footer",
"previewUrl": "https://copypasteui.dev/preview/fixwell-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-footer.webm#t=0.9",
"installPath": "components/copypasteui/FixwellFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-footer.json"
},
{
"slug": "fixwell-hero",
"name": "Fixwell Plumber Hero",
"description": "Emergency trades hero with live engineer availability, postcode ETA check, live job card and call-out badge.",
"category": "hero",
"tags": [
"plumber",
"electrician",
"trades",
"emergency",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-hero.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellHero",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/hero/fixwell-hero",
"previewUrl": "https://copypasteui.dev/preview/fixwell-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-hero.webm#t=1",
"installPath": "components/copypasteui/FixwellHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-hero.json"
},
{
"slug": "fixwell-prices",
"name": "Fixwell Transparent Prices",
"description": "Hourly rates with a working-hours / out-of-hours switch and a fixed-price job list.",
"category": "pricing",
"tags": [
"trades",
"pricing",
"toggle"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-prices.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-prices.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellPrices",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/pricing/fixwell-prices",
"previewUrl": "https://copypasteui.dev/preview/fixwell-prices",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-prices.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-prices.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-prices.webm#t=0.9",
"installPath": "components/copypasteui/FixwellPrices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-prices.json"
},
{
"slug": "fixwell-reviews",
"name": "Fixwell Reviews",
"description": "Big rating with service stats beside masonry review cards tagged by job.",
"category": "testimonials",
"tags": [
"trades",
"reviews",
"masonry"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellReviews",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/testimonials/fixwell-reviews",
"previewUrl": "https://copypasteui.dev/preview/fixwell-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-reviews.webm#t=0.9",
"installPath": "components/copypasteui/FixwellReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-reviews.json"
},
{
"slug": "fixwell-services",
"name": "Fixwell Trade Services",
"description": "Plumbing, electrical and heating tabs with icon service tiles and a matching photo.",
"category": "features",
"tags": [
"trades",
"services",
"tabs"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "fixwell-trades",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fixwell-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fixwell-services.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FixwellServices",
"theme": "fixwell",
"url": "https://copypasteui.dev/components/features/fixwell-services",
"previewUrl": "https://copypasteui.dev/preview/fixwell-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fixwell-services.webm#t=0.9",
"installPath": "components/copypasteui/FixwellServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fixwell-services.json"
},
{
"slug": "flintmoor-barbers",
"name": "Flintmoor Barbers",
"description": "Barber cards that swap portrait for their work on hover, with live availability and book buttons.",
"category": "team",
"tags": [
"barber",
"team",
"availability",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-barbers.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-barbers.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "FlintmoorBarbers",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/team/flintmoor-barbers",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-barbers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-barbers.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-barbers.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-barbers.webm#t=0.9",
"installPath": "components/copypasteui/FlintmoorBarbers.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-barbers.json"
},
{
"slug": "flintmoor-footer",
"name": "Flintmoor Footer",
"description": "Oxblood footer with big slab wordmark, snipping scissors badge and links.",
"category": "footer",
"tags": [
"barber",
"footer",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FlintmoorFooter",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/footer/flintmoor-footer",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-footer.webm#t=0.9",
"installPath": "components/copypasteui/FlintmoorFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-footer.json"
},
{
"slug": "flintmoor-hero",
"name": "Flintmoor Barbershop Hero",
"description": "Slab-serif barbershop hero with animated barber-pole logo, live walk-in queue card and price sticker.",
"category": "hero",
"tags": [
"barber",
"barbershop",
"grooming",
"photography",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FlintmoorHero",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/hero/flintmoor-hero",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-hero.webm#t=0.9",
"installPath": "components/copypasteui/FlintmoorHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-hero.json"
},
{
"slug": "flintmoor-prices",
"name": "Flintmoor Price Board",
"description": "Dark price board with dotted leaders grouped into hair, beard and combos beside a shave photo.",
"category": "pricing",
"tags": [
"barber",
"pricing",
"menu"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-prices.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-prices.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "FlintmoorPrices",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/pricing/flintmoor-prices",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-prices",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-prices.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-prices.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-prices.webm#t=0.9",
"installPath": "components/copypasteui/FlintmoorPrices.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-prices.json"
},
{
"slug": "flintmoor-reviews",
"name": "Flintmoor Review Marquee",
"description": "Two opposing marquees of short review cards with a big rating.",
"category": "testimonials",
"tags": [
"barber",
"reviews",
"marquee"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-reviews.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "FlintmoorReviews",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/testimonials/flintmoor-reviews",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-reviews.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FlintmoorReviews.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-reviews.json"
},
{
"slug": "flintmoor-walkin",
"name": "Flintmoor Book or Walk In",
"description": "Booking vs walk-in-queue toggle with services, today’s slots, queue join flow, map and hours.",
"category": "contact",
"tags": [
"barber",
"booking",
"queue",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "flintmoor-barbers",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-walkin.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-walkin.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FlintmoorWalkin",
"theme": "flintmoor",
"url": "https://copypasteui.dev/components/contact/flintmoor-walkin",
"previewUrl": "https://copypasteui.dev/preview/flintmoor-walkin",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-walkin.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-walkin.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flintmoor-walkin.webm#t=1",
"installPath": "components/copypasteui/FlintmoorWalkin.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flintmoor-walkin.json"
},
{
"slug": "florea-bestsellers",
"name": "Florea Bestsellers",
"description": "Product grid with hover photo swap, size chips that change price, wishlist and slide-up add to bag.",
"category": "products",
"tags": [
"skincare",
"ecommerce",
"products",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-bestsellers.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-bestsellers.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaBestsellers",
"theme": "florea",
"url": "https://copypasteui.dev/components/products/florea-bestsellers",
"previewUrl": "https://copypasteui.dev/preview/florea-bestsellers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-bestsellers.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-bestsellers.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-bestsellers.webm#t=0.9",
"installPath": "components/copypasteui/FloreaBestsellers.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-bestsellers.json"
},
{
"slug": "florea-footer",
"name": "Florea Footer",
"description": "Beauty footer with brand promises, signup, links and a large italic serif wordmark.",
"category": "footer",
"tags": [
"skincare",
"footer",
"newsletter",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "FloreaFooter",
"theme": "florea",
"url": "https://copypasteui.dev/components/footer/florea-footer",
"previewUrl": "https://copypasteui.dev/preview/florea-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/FloreaFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-footer.json"
},
{
"slug": "florea-hero",
"name": "Florea Skincare Hero",
"description": "Botanical beauty hero with announcement bar, arched product photo, floating ingredient chips and reviews.",
"category": "hero",
"tags": [
"skincare",
"beauty",
"ecommerce",
"serif",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaHero",
"theme": "florea",
"url": "https://copypasteui.dev/components/hero/florea-hero",
"previewUrl": "https://copypasteui.dev/preview/florea-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-hero.webm#t=0.9",
"installPath": "components/copypasteui/FloreaHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-hero.json"
},
{
"slug": "florea-ingredients",
"name": "Florea Ingredients",
"description": "Ingredient spotlight: accordion list drives a crossfading photo and springy percentage badge.",
"category": "features",
"tags": [
"skincare",
"ingredients",
"accordion",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-ingredients.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-ingredients.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaIngredients",
"theme": "florea",
"url": "https://copypasteui.dev/components/features/florea-ingredients",
"previewUrl": "https://copypasteui.dev/preview/florea-ingredients",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ingredients.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ingredients.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ingredients.webm#t=0.9",
"installPath": "components/copypasteui/FloreaIngredients.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-ingredients.json"
},
{
"slug": "florea-reviews",
"name": "Florea Reviews",
"description": "Review summary with rating bars and photo, filterable by skin type with verified badges.",
"category": "testimonials",
"tags": [
"skincare",
"reviews",
"filter",
"ratings"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaReviews",
"theme": "florea",
"url": "https://copypasteui.dev/components/testimonials/florea-reviews",
"previewUrl": "https://copypasteui.dev/preview/florea-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-reviews.webm#t=0.9",
"installPath": "components/copypasteui/FloreaReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-reviews.json"
},
{
"slug": "florea-ritual",
"name": "Florea Ritual",
"description": "Morning/evening routine switch with arched product photos and numbered steps.",
"category": "how-it-works",
"tags": [
"skincare",
"routine",
"steps",
"toggle"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-ritual.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-ritual.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaRitual",
"theme": "florea",
"url": "https://copypasteui.dev/components/how-it-works/florea-ritual",
"previewUrl": "https://copypasteui.dev/preview/florea-ritual",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ritual.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ritual.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-ritual.webm#t=0.9",
"installPath": "components/copypasteui/FloreaRitual.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-ritual.json"
},
{
"slug": "florea-skin-quiz",
"name": "Florea Skin Quiz",
"description": "Two-step skin quiz with progress, back, and a personalised product result with photo.",
"category": "cta",
"tags": [
"skincare",
"quiz",
"interactive",
"cta"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "florea-skincare",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/florea-skin-quiz.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/florea-skin-quiz.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloreaSkinQuiz",
"theme": "florea",
"url": "https://copypasteui.dev/components/cta/florea-skin-quiz",
"previewUrl": "https://copypasteui.dev/preview/florea-skin-quiz",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-skin-quiz.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-skin-quiz.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/florea-skin-quiz.webm#t=0.9",
"installPath": "components/copypasteui/FloreaSkinQuiz.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/florea-skin-quiz.json"
},
{
"slug": "flowing-lines-background",
"name": "Flowing Lines Background",
"description": "Dozens of ribbon lines flowing like a silk scarf, recomputed in SVG every frame with a gradient stroke.",
"category": "background",
"tags": [
"lines",
"ribbon",
"svg",
"animated",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "midnight",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/flowing-lines-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/flowing-lines-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "FlowingLinesBackground",
"theme": "midnight",
"url": "https://copypasteui.dev/components/background/flowing-lines-background",
"previewUrl": "https://copypasteui.dev/preview/flowing-lines-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/flowing-lines-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/flowing-lines-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/flowing-lines-background.webm#t=0.9",
"installPath": "components/copypasteui/FlowingLinesBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/flowing-lines-background.json"
},
{
"slug": "fluid-gradient-background",
"name": "Fluid Gradient Background",
"description": "Real-time WebGL mesh gradient from your theme colours with domain-warped noise, grain and cursor drift. No video.",
"category": "background",
"tags": [
"webgl",
"shader",
"gradient",
"animated",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": "sunset",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/fluid-gradient-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/fluid-gradient-background.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "FluidGradientBackground",
"theme": "sunset",
"url": "https://copypasteui.dev/components/background/fluid-gradient-background",
"previewUrl": "https://copypasteui.dev/preview/fluid-gradient-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/fluid-gradient-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/fluid-gradient-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/fluid-gradient-background.webm#t=1.1",
"installPath": "components/copypasteui/FluidGradientBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/fluid-gradient-background.json"
},
{
"slug": "founder-note",
"name": "Founder Note",
"description": "A personal letter card with a self-drawing signature. Adds warmth to about pages.",
"category": "team",
"tags": [
"about",
"founder",
"story",
"signature"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/founder-note.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/founder-note.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "FounderNote",
"theme": "paper",
"url": "https://copypasteui.dev/components/team/founder-note",
"previewUrl": "https://copypasteui.dev/preview/founder-note",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/founder-note.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/founder-note.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/founder-note.webm#t=0.9",
"installPath": "components/copypasteui/FounderNote.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/founder-note.json"
},
{
"slug": "foxglove-events",
"name": "Foxglove What’s On",
"description": "Weekly events list with big dates, tags and RSVP toggles with live counts.",
"category": "events",
"tags": [
"brewery",
"events",
"bar",
"rsvp"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-events.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-events.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveEvents",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/events/foxglove-events",
"previewUrl": "https://copypasteui.dev/preview/foxglove-events",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-events.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-events.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-events.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveEvents.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-events.json"
},
{
"slug": "foxglove-footer",
"name": "Foxglove Footer",
"description": "Brewery footer with release signup, link columns, wobbling glass badge and giant wordmark.",
"category": "footer",
"tags": [
"brewery",
"footer",
"wordmark",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveFooter",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/footer/foxglove-footer",
"previewUrl": "https://copypasteui.dev/preview/foxglove-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-footer.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-footer.json"
},
{
"slug": "foxglove-hero",
"name": "Foxglove Brewery Hero",
"description": "Dark brewhouse hero with line-by-line condensed headline reveal and a scrolling on-tap ticker.",
"category": "hero",
"tags": [
"brewery",
"bar",
"taproom",
"photography",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveHero",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/hero/foxglove-hero",
"previewUrl": "https://copypasteui.dev/preview/foxglove-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-hero.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-hero.json"
},
{
"slug": "foxglove-taplist",
"name": "Foxglove Tap List",
"description": "Numbered tap board with ABV colour swatches, prices and a tasting-flight builder that fills glasses.",
"category": "menu",
"tags": [
"brewery",
"menu",
"bar",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taplist.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taplist.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveTaplist",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/menu/foxglove-taplist",
"previewUrl": "https://copypasteui.dev/preview/foxglove-taplist",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taplist.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taplist.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taplist.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveTaplist.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-taplist.json"
},
{
"slug": "foxglove-taproom",
"name": "Foxglove Taproom Bento",
"description": "Bento photo grid of the taproom with label captions, rating card and venue perk chips.",
"category": "gallery",
"tags": [
"brewery",
"gallery",
"bento",
"bar"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taproom.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taproom.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveTaproom",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/gallery/foxglove-taproom",
"previewUrl": "https://copypasteui.dev/preview/foxglove-taproom",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taproom.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taproom.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-taproom.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveTaproom.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-taproom.json"
},
{
"slug": "foxglove-visit",
"name": "Foxglove Visit & Tours",
"description": "Visit block with hours, transport, a brewery-tour booking card with ticket stepper, private hire and trade cards.",
"category": "contact",
"tags": [
"brewery",
"contact",
"booking",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "foxglove-brewery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/foxglove-visit.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/foxglove-visit.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FoxgloveVisit",
"theme": "foxglove",
"url": "https://copypasteui.dev/components/contact/foxglove-visit",
"previewUrl": "https://copypasteui.dev/preview/foxglove-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-visit.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/foxglove-visit.webm#t=0.9",
"installPath": "components/copypasteui/FoxgloveVisit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/foxglove-visit.json"
},
{
"slug": "gearwright-booking",
"name": "Gearwright Booking",
"description": "Service, drop-off day and time, courtesy car or collection, with a live booking summary.",
"category": "contact",
"tags": [
"garage",
"booking",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightBooking",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/contact/gearwright-booking",
"previewUrl": "https://copypasteui.dev/preview/gearwright-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-booking.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-booking.json"
},
{
"slug": "gearwright-footer",
"name": "Gearwright Footer",
"description": "Dark garage footer with skewed logo, services and a streaking light line.",
"category": "footer",
"tags": [
"garage",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightFooter",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/footer/gearwright-footer",
"previewUrl": "https://copypasteui.dev/preview/gearwright-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-footer.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-footer.json"
},
{
"slug": "gearwright-hero",
"name": "Gearwright Garage Hero",
"description": "Italic garage hero with a UK number-plate reg lookup, vehicle result and four promise tiles.",
"category": "hero",
"tags": [
"garage",
"auto-repair",
"mot",
"photography",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightHero",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/hero/gearwright-hero",
"previewUrl": "https://copypasteui.dev/preview/gearwright-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-hero.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-hero.json"
},
{
"slug": "gearwright-reviews",
"name": "Gearwright Driver Reviews",
"description": "Review tiles with saved-money badges that invert on hover.",
"category": "testimonials",
"tags": [
"garage",
"reviews"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightReviews",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/testimonials/gearwright-reviews",
"previewUrl": "https://copypasteui.dev/preview/gearwright-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-reviews.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-reviews.json"
},
{
"slug": "gearwright-services",
"name": "Gearwright Service Menu",
"description": "Service comparison table for MOT, interim, full and major with hover-highlighted columns.",
"category": "pricing",
"tags": [
"garage",
"pricing",
"comparison",
"table"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-services.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightServices",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/pricing/gearwright-services",
"previewUrl": "https://copypasteui.dev/preview/gearwright-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-services.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-services.json"
},
{
"slug": "gearwright-tracker",
"name": "Gearwright Repair Tracker",
"description": "Repair stages that auto-advance beside a phone mockup of live text updates and a video health check.",
"category": "how-it-works",
"tags": [
"garage",
"process",
"tracker",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "gearwright-garage",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/gearwright-tracker.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/gearwright-tracker.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GearwrightTracker",
"theme": "gearwright",
"url": "https://copypasteui.dev/components/how-it-works/gearwright-tracker",
"previewUrl": "https://copypasteui.dev/preview/gearwright-tracker",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-tracker.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-tracker.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/gearwright-tracker.webm#t=0.9",
"installPath": "components/copypasteui/GearwrightTracker.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/gearwright-tracker.json"
},
{
"slug": "grain-gradient-background",
"name": "Grain Gradient Background",
"description": "Pastel mesh of drifting blurred colour fields with an SVG film-grain overlay.",
"category": "background",
"tags": [
"gradient",
"grain",
"pastel",
"soft",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "prism",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/grain-gradient-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/grain-gradient-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GrainGradientBackground",
"theme": "prism",
"url": "https://copypasteui.dev/components/background/grain-gradient-background",
"previewUrl": "https://copypasteui.dev/preview/grain-gradient-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/grain-gradient-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/grain-gradient-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/grain-gradient-background.webm#t=0.9",
"installPath": "components/copypasteui/GrainGradientBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/grain-gradient-background.json"
},
{
"slug": "greenline-footer",
"name": "Greenline Footer",
"description": "Green footer with big serif sign-off, oversized leaf and contact.",
"category": "footer",
"tags": [
"landscaping",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlineFooter",
"theme": "greenline",
"url": "https://copypasteui.dev/components/footer/greenline-footer",
"previewUrl": "https://copypasteui.dev/preview/greenline-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-footer.webm#t=0.9",
"installPath": "components/copypasteui/GreenlineFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-footer.json"
},
{
"slug": "greenline-hero",
"name": "Greenline Landscaping Hero",
"description": "Serif landscaping hero with scroll-zoom garden panorama, service tags and award badge.",
"category": "hero",
"tags": [
"landscaping",
"gardening",
"trades",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlineHero",
"theme": "greenline",
"url": "https://copypasteui.dev/components/hero/greenline-hero",
"previewUrl": "https://copypasteui.dev/preview/greenline-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-hero.webm#t=0.9",
"installPath": "components/copypasteui/GreenlineHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-hero.json"
},
{
"slug": "greenline-plan-to-garden",
"name": "Greenline Plan to Garden Slider",
"description": "Drag slider comparing a drawn site plan with the finished garden, plus project stats.",
"category": "gallery",
"tags": [
"landscaping",
"comparison",
"slider",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-plan-to-garden.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-plan-to-garden.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlinePlanToGarden",
"theme": "greenline",
"url": "https://copypasteui.dev/components/gallery/greenline-plan-to-garden",
"previewUrl": "https://copypasteui.dev/preview/greenline-plan-to-garden",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-plan-to-garden.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-plan-to-garden.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-plan-to-garden.webm#t=0.9",
"installPath": "components/copypasteui/GreenlinePlanToGarden.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-plan-to-garden.json"
},
{
"slug": "greenline-quote",
"name": "Greenline Garden Enquiry",
"description": "Garden enquiry with size segment, service chips, budget, photo upload and confirmation.",
"category": "contact",
"tags": [
"landscaping",
"form",
"quote"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-quote.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-quote.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlineQuote",
"theme": "greenline",
"url": "https://copypasteui.dev/components/contact/greenline-quote",
"previewUrl": "https://copypasteui.dev/preview/greenline-quote",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-quote.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-quote.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-quote.webm#t=0.9",
"installPath": "components/copypasteui/GreenlineQuote.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-quote.json"
},
{
"slug": "greenline-reviews",
"name": "Greenline Client Stories",
"description": "Client story slider with crossfading garden photos and italic quotes.",
"category": "testimonials",
"tags": [
"landscaping",
"reviews",
"slider"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlineReviews",
"theme": "greenline",
"url": "https://copypasteui.dev/components/testimonials/greenline-reviews",
"previewUrl": "https://copypasteui.dev/preview/greenline-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-reviews.webm#t=0.9",
"installPath": "components/copypasteui/GreenlineReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-reviews.json"
},
{
"slug": "greenline-services",
"name": "Greenline Service Cards",
"description": "Tall staggered photo cards with from-prices and hover-reveal descriptions.",
"category": "features",
"tags": [
"landscaping",
"services",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "greenline-landscaping",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/greenline-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/greenline-services.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "GreenlineServices",
"theme": "greenline",
"url": "https://copypasteui.dev/components/features/greenline-services",
"previewUrl": "https://copypasteui.dev/preview/greenline-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/greenline-services.webm#t=0.9",
"installPath": "components/copypasteui/GreenlineServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/greenline-services.json"
},
{
"slug": "grid-beams-background",
"name": "Grid Beams Background",
"description": "Faded grid with light beams falling along the lines. Wraps any content.",
"category": "background",
"tags": [
"grid",
"beams",
"animated",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/grid-beams-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/grid-beams-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "GridBeamsBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/grid-beams-background",
"previewUrl": "https://copypasteui.dev/preview/grid-beams-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/grid-beams-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/grid-beams-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/grid-beams-background.webm#t=0.9",
"installPath": "components/copypasteui/GridBeamsBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/grid-beams-background.json"
},
{
"slug": "hale-consultation",
"name": "Hale Free Consultation",
"description": "Callback request with area of law, situation summary, call-time choice and confidentiality note.",
"category": "contact",
"tags": [
"law",
"contact",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-consultation.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-consultation.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HaleConsultation",
"theme": "hale",
"url": "https://copypasteui.dev/components/contact/hale-consultation",
"previewUrl": "https://copypasteui.dev/preview/hale-consultation",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-consultation.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-consultation.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-consultation.webm#t=0.9",
"installPath": "components/copypasteui/HaleConsultation.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-consultation.json"
},
{
"slug": "hale-footer",
"name": "Hale Footer",
"description": "Navy law-firm footer with link columns and regulatory small print.",
"category": "footer",
"tags": [
"law",
"footer",
"legal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HaleFooter",
"theme": "hale",
"url": "https://copypasteui.dev/components/footer/hale-footer",
"previewUrl": "https://copypasteui.dev/preview/hale-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-footer.webm#t=0.9",
"installPath": "components/copypasteui/HaleFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-footer.json"
},
{
"slug": "hale-hero",
"name": "Hale & Partners Law Hero",
"description": "Classic law-firm hero with Garamond headline, area quick links, library photo with client quote and trust bar.",
"category": "hero",
"tags": [
"law",
"legal",
"professional",
"serif",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HaleHero",
"theme": "hale",
"url": "https://copypasteui.dev/components/hero/hale-hero",
"previewUrl": "https://copypasteui.dev/preview/hale-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-hero.webm#t=0.9",
"installPath": "components/copypasteui/HaleHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-hero.json"
},
{
"slug": "hale-partners",
"name": "Hale Partners",
"description": "Lawyer cards with desaturated portraits that colour on hover and reveal email and call buttons.",
"category": "team",
"tags": [
"law",
"team",
"professional"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-partners.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-partners.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HalePartners",
"theme": "hale",
"url": "https://copypasteui.dev/components/team/hale-partners",
"previewUrl": "https://copypasteui.dev/preview/hale-partners",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-partners.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-partners.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-partners.webm#t=0.9",
"installPath": "components/copypasteui/HalePartners.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-partners.json"
},
{
"slug": "hale-practice-areas",
"name": "Hale Practice Areas & Fees",
"description": "Accordion of practice areas that reveals published fixed fees for each service.",
"category": "features",
"tags": [
"law",
"services",
"accordion",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-practice-areas.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-practice-areas.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HalePracticeAreas",
"theme": "hale",
"url": "https://copypasteui.dev/components/features/hale-practice-areas",
"previewUrl": "https://copypasteui.dev/preview/hale-practice-areas",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-practice-areas.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-practice-areas.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-practice-areas.webm#t=0.9",
"installPath": "components/copypasteui/HalePracticeAreas.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-practice-areas.json"
},
{
"slug": "hale-results",
"name": "Hale Results",
"description": "Counting statistics over a dark architectural photo with a founder quote.",
"category": "stats",
"tags": [
"law",
"stats",
"counters"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hale-law",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hale-results.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hale-results.webm#t=1.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HaleResults",
"theme": "hale",
"url": "https://copypasteui.dev/components/stats/hale-results",
"previewUrl": "https://copypasteui.dev/preview/hale-results",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-results.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-results.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hale-results.webm#t=1.9",
"installPath": "components/copypasteui/HaleResults.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hale-results.json"
},
{
"slug": "hollinmere-club",
"name": "Hollinmere Estate Wine Club",
"description": "Wine-club CTA over a vineyard photo with case-size toggle, price and perks.",
"category": "cta",
"tags": [
"winery",
"cta",
"subscription",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-club.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-club.webm#t=1.2"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollinmereClub",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/cta/hollinmere-club",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-club",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-club.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-club.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-club.webm#t=1.2",
"installPath": "components/copypasteui/HollinmereClub.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-club.json"
},
{
"slug": "hollinmere-estate",
"name": "Hollinmere Estate Year in the Vineyard",
"description": "Alternating season chapters with big numerals and hover-zoom photos.",
"category": "gallery",
"tags": [
"winery",
"story",
"gallery",
"seasons"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-estate.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-estate.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "HollinmereEstate",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/gallery/hollinmere-estate",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-estate",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-estate.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-estate.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-estate.webm#t=1",
"installPath": "components/copypasteui/HollinmereEstate.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-estate.json"
},
{
"slug": "hollinmere-footer",
"name": "Hollinmere Estate Footer",
"description": "Winery footer with wordmark, link columns, cellar-door details and responsible-drinking line.",
"category": "footer",
"tags": [
"winery",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-footer.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollinmereFooter",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/footer/hollinmere-footer",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-footer.webm#t=1",
"installPath": "components/copypasteui/HollinmereFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-footer.json"
},
{
"slug": "hollinmere-hero",
"name": "Hollinmere Estate Winery Hero",
"description": "Parallax vineyard hero with italic serif headline, medal roundel and tasting and shop buttons.",
"category": "hero",
"tags": [
"winery",
"vineyard",
"wine",
"photography",
"parallax"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-hero.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollinmereHero",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/hero/hollinmere-hero",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-hero.webm#t=1",
"installPath": "components/copypasteui/HollinmereHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-hero.json"
},
{
"slug": "hollinmere-tastings",
"name": "Hollinmere Estate Tastings",
"description": "Selectable tasting experiences with a date, guest and price booking bar.",
"category": "events",
"tags": [
"winery",
"events",
"booking",
"tasting"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-tastings.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-tastings.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollinmereTastings",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/events/hollinmere-tastings",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-tastings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-tastings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-tastings.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-tastings.webm#t=0.9",
"installPath": "components/copypasteui/HollinmereTastings.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-tastings.json"
},
{
"slug": "hollinmere-wines",
"name": "Hollinmere Estate Wine List",
"description": "Wine selector with filling glass markers, tasting-profile bars, food pairings and case-discount bottle stepper.",
"category": "products",
"tags": [
"winery",
"products",
"ecommerce",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hollinmere-winery",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-wines.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-wines.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollinmereWines",
"theme": "hollinmere",
"url": "https://copypasteui.dev/components/products/hollinmere-wines",
"previewUrl": "https://copypasteui.dev/preview/hollinmere-wines",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-wines.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-wines.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollinmere-wines.webm#t=0.9",
"installPath": "components/copypasteui/HollinmereWines.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollinmere-wines.json"
},
{
"slug": "hollow-creek-box",
"name": "Hollow Creek Veg Box Builder",
"description": "Veg-box builder with box sizes, farm-shop add-ons, delivery day and an animated weekly total.",
"category": "products",
"tags": [
"farm",
"products",
"subscription",
"builder"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-box.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-box.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekBox",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/products/hollow-creek-box",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-box",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-box.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-box.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-box.webm#t=0.9",
"installPath": "components/copypasteui/HollowCreekBox.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-box.json"
},
{
"slug": "hollow-creek-farm",
"name": "Hollow Creek Our Farm",
"description": "Family-farm story with a mosaic photo grid, years badge and four farming-values cards.",
"category": "features",
"tags": [
"farm",
"about",
"story",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-farm.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-farm.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekFarm",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/features/hollow-creek-farm",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-farm",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-farm.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-farm.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-farm.webm#t=1",
"installPath": "components/copypasteui/HollowCreekFarm.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-farm.json"
},
{
"slug": "hollow-creek-footer",
"name": "Hollow Creek Footer",
"description": "Rolling-hills footer with driving tractor badge, links and farm-diary signup.",
"category": "footer",
"tags": [
"farm",
"footer",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekFooter",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/footer/hollow-creek-footer",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-footer.webm#t=0.9",
"installPath": "components/copypasteui/HollowCreekFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-footer.json"
},
{
"slug": "hollow-creek-hero",
"name": "Hollow Creek Farm Hero",
"description": "Sunrise pasture hero with slab headline, open-today pill and a live pick-your-own status board.",
"category": "hero",
"tags": [
"farm",
"farm-shop",
"photography",
"local"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekHero",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/hero/hollow-creek-hero",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-hero.webm#t=0.9",
"installPath": "components/copypasteui/HollowCreekHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-hero.json"
},
{
"slug": "hollow-creek-seasons",
"name": "Hollow Creek Events & Calendar",
"description": "Seasonal farm events with ticket buttons and an animated pick-your-own month calendar.",
"category": "events",
"tags": [
"farm",
"events",
"calendar",
"seasonal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-seasons.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-seasons.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekSeasons",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/events/hollow-creek-seasons",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-seasons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-seasons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-seasons.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-seasons.webm#t=0.9",
"installPath": "components/copypasteui/HollowCreekSeasons.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-seasons.json"
},
{
"slug": "hollow-creek-visit",
"name": "Hollow Creek Visit",
"description": "Farm visit block with shop, café and PYO hours, facilities, barn photo and review.",
"category": "contact",
"tags": [
"farm",
"contact",
"hours",
"reviews"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "hollow-creek-farm",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-visit.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-visit.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "HollowCreekVisit",
"theme": "hollow-creek",
"url": "https://copypasteui.dev/components/contact/hollow-creek-visit",
"previewUrl": "https://copypasteui.dev/preview/hollow-creek-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-visit.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/hollow-creek-visit.webm#t=0.9",
"installPath": "components/copypasteui/HollowCreekVisit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/hollow-creek-visit.json"
},
{
"slug": "icon-feature-list",
"name": "Icon Feature List",
"description": "Six-up icon grid with playful hover rotation. Clean and universal.",
"category": "features",
"tags": [
"icons",
"grid",
"app",
"simple"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/icon-feature-list.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/icon-feature-list.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IconFeatureList",
"theme": "paper",
"url": "https://copypasteui.dev/components/features/icon-feature-list",
"previewUrl": "https://copypasteui.dev/preview/icon-feature-list",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/icon-feature-list.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/icon-feature-list.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/icon-feature-list.webm#t=0.9",
"installPath": "components/copypasteui/IconFeatureList.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/icon-feature-list.json"
},
{
"slug": "ironbark-footer",
"name": "Ironbark Footer",
"description": "Hazard-stripe footer with services, contact and giant condensed wordmark.",
"category": "footer",
"tags": [
"builder",
"footer",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkFooter",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/footer/ironbark-footer",
"previewUrl": "https://copypasteui.dev/preview/ironbark-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-footer.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-footer.json"
},
{
"slug": "ironbark-hero",
"name": "Ironbark Builder Hero",
"description": "Condensed-type builder hero with highlighted word, clip-reveal extension photo and overlapping stat strip.",
"category": "hero",
"tags": [
"builder",
"construction",
"trades",
"photography",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkHero",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/hero/ironbark-hero",
"previewUrl": "https://copypasteui.dev/preview/ironbark-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-hero.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-hero.json"
},
{
"slug": "ironbark-process",
"name": "Ironbark Build Process",
"description": "Five-step build process timeline with icons beside a sticky headline and site photo.",
"category": "how-it-works",
"tags": [
"builder",
"process",
"timeline"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-process.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-process.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkProcess",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/how-it-works/ironbark-process",
"previewUrl": "https://copypasteui.dev/preview/ironbark-process",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-process.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-process.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-process.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkProcess.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-process.json"
},
{
"slug": "ironbark-projects",
"name": "Ironbark Project Gallery",
"description": "Filterable project gallery with type tags, location, budget, duration and hover-up client quotes.",
"category": "gallery",
"tags": [
"builder",
"portfolio",
"gallery",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-projects.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-projects.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkProjects",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/gallery/ironbark-projects",
"previewUrl": "https://copypasteui.dev/preview/ironbark-projects",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-projects.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-projects.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-projects.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkProjects.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-projects.json"
},
{
"slug": "ironbark-quote",
"name": "Ironbark Cost Estimator",
"description": "Build cost estimator with project type, floor-area slider and finish level, plus a survey request form.",
"category": "contact",
"tags": [
"builder",
"calculator",
"quote",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-quote.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-quote.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkQuote",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/contact/ironbark-quote",
"previewUrl": "https://copypasteui.dev/preview/ironbark-quote",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-quote.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-quote.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-quote.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkQuote.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-quote.json"
},
{
"slug": "ironbark-services",
"name": "Ironbark Services List",
"description": "Dark hover list of building services that swaps photo, description, typical budget and time on site.",
"category": "features",
"tags": [
"builder",
"services",
"hover",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ironbark-builders",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ironbark-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ironbark-services.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "IronbarkServices",
"theme": "ironbark",
"url": "https://copypasteui.dev/components/features/ironbark-services",
"previewUrl": "https://copypasteui.dev/preview/ironbark-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ironbark-services.webm#t=0.9",
"installPath": "components/copypasteui/IronbarkServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ironbark-services.json"
},
{
"slug": "juniper-enquiry",
"name": "Juniper Enquiry",
"description": "Editorial enquiry form with session-type serif selector and underline inputs.",
"category": "contact",
"tags": [
"photography",
"contact",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-enquiry.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-enquiry.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "JuniperEnquiry",
"theme": "juniper",
"url": "https://copypasteui.dev/components/contact/juniper-enquiry",
"previewUrl": "https://copypasteui.dev/preview/juniper-enquiry",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-enquiry.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-enquiry.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-enquiry.webm#t=0.9",
"installPath": "components/copypasteui/JuniperEnquiry.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-enquiry.json"
},
{
"slug": "juniper-footer",
"name": "Juniper Footer",
"description": "Photographer footer with italic name, contact and a greyscale Instagram strip.",
"category": "footer",
"tags": [
"photography",
"footer",
"instagram"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-footer.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "JuniperFooter",
"theme": "juniper",
"url": "https://copypasteui.dev/components/footer/juniper-footer",
"previewUrl": "https://copypasteui.dev/preview/juniper-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-footer.webm#t=1",
"installPath": "components/copypasteui/JuniperFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-footer.json"
},
{
"slug": "juniper-hero",
"name": "Juniper Photographer Hero",
"description": "Split photographer hero with big italic serif headline and a crossfading slideshow with progress line.",
"category": "hero",
"tags": [
"photography",
"portfolio",
"creative",
"slideshow"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "JuniperHero",
"theme": "juniper",
"url": "https://copypasteui.dev/components/hero/juniper-hero",
"previewUrl": "https://copypasteui.dev/preview/juniper-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-hero.webm#t=0.9",
"installPath": "components/copypasteui/JuniperHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-hero.json"
},
{
"slug": "juniper-kind-words",
"name": "Juniper Kind Words",
"description": "Three blur-in client quotes over a dark photo.",
"category": "testimonials",
"tags": [
"photography",
"testimonials"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-kind-words.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-kind-words.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "JuniperKindWords",
"theme": "juniper",
"url": "https://copypasteui.dev/components/testimonials/juniper-kind-words",
"previewUrl": "https://copypasteui.dev/preview/juniper-kind-words",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-kind-words.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-kind-words.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-kind-words.webm#t=0.9",
"installPath": "components/copypasteui/JuniperKindWords.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-kind-words.json"
},
{
"slug": "juniper-portfolio",
"name": "Juniper Portfolio",
"description": "Filterable masonry portfolio with a keyboard-friendly full-screen lightbox and arrows.",
"category": "gallery",
"tags": [
"photography",
"gallery",
"masonry",
"lightbox"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-portfolio.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-portfolio.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "JuniperPortfolio",
"theme": "juniper",
"url": "https://copypasteui.dev/components/gallery/juniper-portfolio",
"previewUrl": "https://copypasteui.dev/preview/juniper-portfolio",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-portfolio.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-portfolio.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-portfolio.webm#t=0.9",
"installPath": "components/copypasteui/JuniperPortfolio.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-portfolio.json"
},
{
"slug": "juniper-sessions",
"name": "Juniper Sessions",
"description": "Three photo-led session packages with price, length and image count.",
"category": "pricing",
"tags": [
"photography",
"pricing",
"packages"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "juniper-photography",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/juniper-sessions.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/juniper-sessions.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "JuniperSessions",
"theme": "juniper",
"url": "https://copypasteui.dev/components/pricing/juniper-sessions",
"previewUrl": "https://copypasteui.dev/preview/juniper-sessions",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-sessions.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-sessions.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/juniper-sessions.webm#t=0.9",
"installPath": "components/copypasteui/JuniperSessions.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/juniper-sessions.json"
},
{
"slug": "keystone-contact",
"name": "Keystone Branch Contact",
"description": "Branch details and agent cards beside an illustrated map with a dropping pin.",
"category": "contact",
"tags": [
"real-estate",
"contact",
"map",
"team"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-contact.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-contact.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KeystoneContact",
"theme": "keystone",
"url": "https://copypasteui.dev/components/contact/keystone-contact",
"previewUrl": "https://copypasteui.dev/preview/keystone-contact",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-contact.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-contact.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-contact.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneContact.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-contact.json"
},
{
"slug": "keystone-footer",
"name": "Keystone Footer",
"description": "Charcoal footer with large wordmark, valuation CTA and link columns.",
"category": "footer",
"tags": [
"real-estate",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "KeystoneFooter",
"theme": "keystone",
"url": "https://copypasteui.dev/components/footer/keystone-footer",
"previewUrl": "https://copypasteui.dev/preview/keystone-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-footer.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneFooter.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-footer.json"
},
{
"slug": "keystone-hero",
"name": "Keystone Property Search Hero",
"description": "Full-screen property hero with buy/rent tabs and a location, price and bedrooms search bar.",
"category": "hero",
"tags": [
"real-estate",
"property",
"search",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KeystoneHero",
"theme": "keystone",
"url": "https://copypasteui.dev/components/hero/keystone-hero",
"previewUrl": "https://copypasteui.dev/preview/keystone-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-hero.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-hero.json"
},
{
"slug": "keystone-listings",
"name": "Keystone Property Listings",
"description": "For-sale / to-rent listing cards with price tags, status badges, save hearts and room stats.",
"category": "products",
"tags": [
"real-estate",
"listings",
"products",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-listings.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-listings.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KeystoneListings",
"theme": "keystone",
"url": "https://copypasteui.dev/components/products/keystone-listings",
"previewUrl": "https://copypasteui.dev/preview/keystone-listings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-listings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-listings.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-listings.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneListings.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-listings.json"
},
{
"slug": "keystone-reviews",
"name": "Keystone Reviews",
"description": "Auto-rotating seller and buyer quotes with timed progress bars.",
"category": "testimonials",
"tags": [
"real-estate",
"reviews",
"carousel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KeystoneReviews",
"theme": "keystone",
"url": "https://copypasteui.dev/components/testimonials/keystone-reviews",
"previewUrl": "https://copypasteui.dev/preview/keystone-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-reviews.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-reviews.json"
},
{
"slug": "keystone-valuation",
"name": "Keystone Instant Valuation",
"description": "Valuation estimator with property type, bedroom slider and result range beside agent stats.",
"category": "features",
"tags": [
"real-estate",
"calculator",
"valuation"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "keystone-estate-agents",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/keystone-valuation.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/keystone-valuation.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KeystoneValuation",
"theme": "keystone",
"url": "https://copypasteui.dev/components/features/keystone-valuation",
"previewUrl": "https://copypasteui.dev/preview/keystone-valuation",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-valuation.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-valuation.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/keystone-valuation.webm#t=0.9",
"installPath": "components/copypasteui/KeystoneValuation.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/keystone-valuation.json"
},
{
"slug": "kiln-brief",
"name": "Studio Kiln Project Brief",
"description": "Project-brief builder with needs chips, live timeline and budget estimate, and send form.",
"category": "cta",
"tags": [
"agency",
"cta",
"form",
"calculator"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-brief.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-brief.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KilnBrief",
"theme": "kiln",
"url": "https://copypasteui.dev/components/cta/kiln-brief",
"previewUrl": "https://copypasteui.dev/preview/kiln-brief",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-brief.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-brief.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-brief.webm#t=1",
"installPath": "components/copypasteui/KilnBrief.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-brief.json"
},
{
"slug": "kiln-footer",
"name": "Studio Kiln Footer",
"description": "Giant ‘Let’s talk’ marquee footer with studio details.",
"category": "footer",
"tags": [
"agency",
"footer",
"marquee"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-footer.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "KilnFooter",
"theme": "kiln",
"url": "https://copypasteui.dev/components/footer/kiln-footer",
"previewUrl": "https://copypasteui.dev/preview/kiln-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-footer.webm#t=1",
"installPath": "components/copypasteui/KilnFooter.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-footer.json"
},
{
"slug": "kiln-hero",
"name": "Studio Kiln Agency Hero",
"description": "Wide variable-font hero with a rolling word, drifting colour blobs and a rotating arrow CTA.",
"category": "hero",
"tags": [
"agency",
"creative",
"studio",
"typography",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-hero.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KilnHero",
"theme": "kiln",
"url": "https://copypasteui.dev/components/hero/kiln-hero",
"previewUrl": "https://copypasteui.dev/preview/kiln-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-hero.webm#t=1",
"installPath": "components/copypasteui/KilnHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-hero.json"
},
{
"slug": "kiln-services",
"name": "Studio Kiln Services",
"description": "Service accordion whose titles stretch on hover, revealing pricing and deliverable chips.",
"category": "features",
"tags": [
"agency",
"services",
"accordion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-services.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KilnServices",
"theme": "kiln",
"url": "https://copypasteui.dev/components/features/kiln-services",
"previewUrl": "https://copypasteui.dev/preview/kiln-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-services.webm#t=0.9",
"installPath": "components/copypasteui/KilnServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-services.json"
},
{
"slug": "kiln-team",
"name": "Studio Kiln Team",
"description": "Tilted polaroid-style team cards that straighten on hover and reveal a fun fact.",
"category": "team",
"tags": [
"agency",
"team",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-team.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-team.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "KilnTeam",
"theme": "kiln",
"url": "https://copypasteui.dev/components/team/kiln-team",
"previewUrl": "https://copypasteui.dev/preview/kiln-team",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-team.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-team.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-team.webm#t=0.9",
"installPath": "components/copypasteui/KilnTeam.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-team.json"
},
{
"slug": "kiln-work",
"name": "Studio Kiln Selected Work",
"description": "Case-study grid of CSS typographic posters with result chips and hover wobble.",
"category": "gallery",
"tags": [
"agency",
"portfolio",
"gallery",
"typography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "kiln-agency",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/kiln-work.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/kiln-work.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "KilnWork",
"theme": "kiln",
"url": "https://copypasteui.dev/components/gallery/kiln-work",
"previewUrl": "https://copypasteui.dev/preview/kiln-work",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-work.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-work.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/kiln-work.webm#t=0.9",
"installPath": "components/copypasteui/KilnWork.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/kiln-work.json"
},
{
"slug": "ledger-call",
"name": "Ledger Book a Call",
"description": "Free-call booking card with week picker, time slots and confirmation.",
"category": "contact",
"tags": [
"accountant",
"booking",
"calendar"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-call.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-call.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerCall",
"theme": "ledger",
"url": "https://copypasteui.dev/components/contact/ledger-call",
"previewUrl": "https://copypasteui.dev/preview/ledger-call",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-call.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-call.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-call.webm#t=0.9",
"installPath": "components/copypasteui/LedgerCall.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-call.json"
},
{
"slug": "ledger-clients",
"name": "Ledger Client Stories",
"description": "Client cards led by a headline saving or stat, quote and portrait.",
"category": "testimonials",
"tags": [
"accountant",
"testimonials",
"results"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-clients.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-clients.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerClients",
"theme": "ledger",
"url": "https://copypasteui.dev/components/testimonials/ledger-clients",
"previewUrl": "https://copypasteui.dev/preview/ledger-clients",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-clients.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-clients.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-clients.webm#t=1",
"installPath": "components/copypasteui/LedgerClients.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-clients.json"
},
{
"slug": "ledger-deadlines",
"name": "Ledger Tax Deadlines",
"description": "Tax-deadline timeline per business type with countdown chips and reminders.",
"category": "features",
"tags": [
"accountant",
"timeline",
"features",
"tabs"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-deadlines.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-deadlines.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerDeadlines",
"theme": "ledger",
"url": "https://copypasteui.dev/components/features/ledger-deadlines",
"previewUrl": "https://copypasteui.dev/preview/ledger-deadlines",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-deadlines.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-deadlines.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-deadlines.webm#t=0.9",
"installPath": "components/copypasteui/LedgerDeadlines.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-deadlines.json"
},
{
"slug": "ledger-footer",
"name": "Ledger Footer",
"description": "Accountancy footer with tax-tip signup and link columns.",
"category": "footer",
"tags": [
"accountant",
"footer",
"newsletter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerFooter",
"theme": "ledger",
"url": "https://copypasteui.dev/components/footer/ledger-footer",
"previewUrl": "https://copypasteui.dev/preview/ledger-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-footer.webm#t=0.9",
"installPath": "components/copypasteui/LedgerFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-footer.json"
},
{
"slug": "ledger-hero",
"name": "Ledger Accountant Hero",
"description": "Friendly accounting hero with a dashboard card of profit bars, filed returns and upcoming payments.",
"category": "hero",
"tags": [
"accountant",
"finance",
"professional",
"dashboard"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerHero",
"theme": "ledger",
"url": "https://copypasteui.dev/components/hero/ledger-hero",
"previewUrl": "https://copypasteui.dev/preview/ledger-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-hero.webm#t=0.9",
"installPath": "components/copypasteui/LedgerHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-hero.json"
},
{
"slug": "ledger-plans",
"name": "Ledger Monthly Plans",
"description": "Business-type switch that reprices three monthly accounting plans.",
"category": "pricing",
"tags": [
"accountant",
"pricing",
"toggle"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "ledger-accountants",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ledger-plans.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ledger-plans.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LedgerPlans",
"theme": "ledger",
"url": "https://copypasteui.dev/components/pricing/ledger-plans",
"previewUrl": "https://copypasteui.dev/preview/ledger-plans",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-plans.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-plans.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ledger-plans.webm#t=0.9",
"installPath": "components/copypasteui/LedgerPlans.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ledger-plans.json"
},
{
"slug": "legal-page",
"name": "Privacy & Terms Page",
"description": "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.",
"category": "pages",
"tags": [
"privacy",
"terms",
"legal",
"page"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give its own page (for example /privacy) and link it from the footer. Replace every value in the business object, rewrite the sections to match what the business really collects, who it shares data with and its real booking rules, and delete what doesn't apply. It's a starting point, not legal advice: have it checked if the business takes payments or sensitive information.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/legal-page.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "LegalPage",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/legal-page",
"previewUrl": "https://copypasteui.dev/preview/legal-page",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/legal-page.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/legal-page.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/LegalPage.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/legal-page.json"
},
{
"slug": "light-beam-background",
"name": "Light Beam Background",
"description": "A falling column of light pooling on a reflective floor with flicker and drifting sparks, drawn live on canvas.",
"category": "background",
"tags": [
"canvas",
"beam",
"glow",
"dark",
"cinematic"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/light-beam-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/light-beam-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "LightBeamBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/light-beam-background",
"previewUrl": "https://copypasteui.dev/preview/light-beam-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/light-beam-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/light-beam-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/light-beam-background.webm#t=0.9",
"installPath": "components/copypasteui/LightBeamBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/light-beam-background.json"
},
{
"slug": "light-rays-background",
"name": "Light Rays Background",
"description": "Soft volumetric rays from the top edge with floating dust. Works on light and dark themes.",
"category": "background",
"tags": [
"rays",
"volumetric",
"soft",
"css",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "citrus",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/light-rays-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/light-rays-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LightRaysBackground",
"theme": "citrus",
"url": "https://copypasteui.dev/components/background/light-rays-background",
"previewUrl": "https://copypasteui.dev/preview/light-rays-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/light-rays-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/light-rays-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/light-rays-background.webm#t=0.9",
"installPath": "components/copypasteui/LightRaysBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/light-rays-background.json"
},
{
"slug": "lightbox-gallery",
"name": "Lightbox Gallery",
"description": "Photo gallery in a masonry grid that opens into a full-screen lightbox with keyboard arrows and captions.",
"category": "gallery",
"tags": [
"gallery",
"lightbox",
"photos",
"keyboard"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lightbox-gallery.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lightbox-gallery.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LightboxGallery",
"theme": "paper",
"url": "https://copypasteui.dev/components/gallery/lightbox-gallery",
"previewUrl": "https://copypasteui.dev/preview/lightbox-gallery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lightbox-gallery.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lightbox-gallery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lightbox-gallery.webm#t=0.9",
"installPath": "components/copypasteui/LightboxGallery.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lightbox-gallery.json"
},
{
"slug": "location-hours",
"name": "Location & Hours",
"description": "Stylised map with a dropping pin, directions button and an opening-hours list that highlights today.",
"category": "contact",
"tags": [
"location",
"hours",
"map",
"local-business"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/location-hours.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/location-hours.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LocationHours",
"theme": "paper",
"url": "https://copypasteui.dev/components/contact/location-hours",
"previewUrl": "https://copypasteui.dev/preview/location-hours",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/location-hours.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/location-hours.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/location-hours.webm#t=0.9",
"installPath": "components/copypasteui/LocationHours.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/location-hours.json"
},
{
"slug": "lumen-command-cta",
"name": "Lumen Command CTA",
"description": "Dark CTA with an ask-anything command input and suggestion chips.",
"category": "cta",
"tags": [
"ai",
"cta",
"command",
"input"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-command-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lumen-command-cta.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LumenCommandCta",
"theme": "lumen",
"url": "https://copypasteui.dev/components/cta/lumen-command-cta",
"previewUrl": "https://copypasteui.dev/preview/lumen-command-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-command-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-command-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-command-cta.webm#t=0.9",
"installPath": "components/copypasteui/LumenCommandCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-command-cta.json"
},
{
"slug": "lumen-customer-stories",
"name": "Lumen Customer Stories",
"description": "Metric-led customer stories with one large gradient hero stat and portraits.",
"category": "testimonials",
"tags": [
"ai",
"saas",
"testimonials",
"metrics"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-customer-stories.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lumen-customer-stories.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "LumenCustomerStories",
"theme": "lumen",
"url": "https://copypasteui.dev/components/testimonials/lumen-customer-stories",
"previewUrl": "https://copypasteui.dev/preview/lumen-customer-stories",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-customer-stories.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-customer-stories.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-customer-stories.webm#t=1",
"installPath": "components/copypasteui/LumenCustomerStories.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-customer-stories.json"
},
{
"slug": "lumen-feature-bento",
"name": "Lumen Feature Bento",
"description": "Product-UI bento: chat answer with bars, anomaly alerts, digests, security and an SQL snippet.",
"category": "features",
"tags": [
"ai",
"saas",
"bento",
"product-ui"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-feature-bento.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lumen-feature-bento.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LumenFeatureBento",
"theme": "lumen",
"url": "https://copypasteui.dev/components/features/lumen-feature-bento",
"previewUrl": "https://copypasteui.dev/preview/lumen-feature-bento",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-feature-bento.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-feature-bento.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-feature-bento.webm#t=0.9",
"installPath": "components/copypasteui/LumenFeatureBento.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-feature-bento.json"
},
{
"slug": "lumen-footer",
"name": "Lumen Footer",
"description": "SaaS footer with live status pill, link columns and a fading gradient wordmark.",
"category": "footer",
"tags": [
"ai",
"saas",
"footer",
"status"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "LumenFooter",
"theme": "lumen",
"url": "https://copypasteui.dev/components/footer/lumen-footer",
"previewUrl": "https://copypasteui.dev/preview/lumen-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/LumenFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-footer.json"
},
{
"slug": "lumen-hero",
"name": "Lumen AI Hero",
"description": "Dark analytics hero with a faint grid, a typed question-and-answer demo and a dashboard rising in perspective.",
"category": "hero",
"tags": [
"ai",
"saas",
"dark",
"dashboard",
"typing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lumen-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LumenHero",
"theme": "lumen",
"url": "https://copypasteui.dev/components/hero/lumen-hero",
"previewUrl": "https://copypasteui.dev/preview/lumen-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-hero.webm#t=0.9",
"installPath": "components/copypasteui/LumenHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-hero.json"
},
{
"slug": "lumen-integrations-orbit",
"name": "Lumen Integrations Orbit",
"description": "Two counter-rotating rings of integration pills orbiting the product mark.",
"category": "logos",
"tags": [
"ai",
"integrations",
"orbit",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-integrations-orbit.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LumenIntegrationsOrbit",
"theme": "lumen",
"url": "https://copypasteui.dev/components/logos/lumen-integrations-orbit",
"previewUrl": "https://copypasteui.dev/preview/lumen-integrations-orbit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-integrations-orbit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-integrations-orbit.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/LumenIntegrationsOrbit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-integrations-orbit.json"
},
{
"slug": "lumen-usage-pricing",
"name": "Lumen Usage Pricing",
"description": "Usage-based pricing with a stepped slider, live price, enterprise threshold and feature list.",
"category": "pricing",
"tags": [
"ai",
"saas",
"pricing",
"slider"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "lumen-ai",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/lumen-usage-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/lumen-usage-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "LumenUsagePricing",
"theme": "lumen",
"url": "https://copypasteui.dev/components/pricing/lumen-usage-pricing",
"previewUrl": "https://copypasteui.dev/preview/lumen-usage-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-usage-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-usage-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/lumen-usage-pricing.webm#t=0.9",
"installPath": "components/copypasteui/LumenUsagePricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/lumen-usage-pricing.json"
},
{
"slug": "magnetic-buttons",
"name": "Magnetic Buttons",
"description": "Buttons that are pulled toward the cursor with springy physics, plus a reusable wrapper.",
"category": "buttons",
"tags": [
"magnetic",
"cursor",
"spring",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/magnetic-buttons.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MagneticButtons",
"theme": "paper",
"url": "https://copypasteui.dev/components/buttons/magnetic-buttons",
"previewUrl": "https://copypasteui.dev/preview/magnetic-buttons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/magnetic-buttons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/magnetic-buttons.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MagneticButtons.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/magnetic-buttons.json"
},
{
"slug": "maintenance-page",
"name": "Maintenance Page",
"description": "A calm full-page notice for planned downtime or a temporary closure, with a return time and big call and email buttons.",
"category": "pages",
"tags": [
"maintenance",
"closed",
"downtime",
"page"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Show in place of the home page while the site or the business is closed (in Next.js, render it from app/page.tsx temporarily, or behind an environment flag). Change the reason, the return time and the contact details.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/maintenance-page.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/maintenance-page.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MaintenancePage",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/maintenance-page",
"previewUrl": "https://copypasteui.dev/preview/maintenance-page",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/maintenance-page.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/maintenance-page.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/maintenance-page.webm#t=0.9",
"installPath": "components/copypasteui/MaintenancePage.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/maintenance-page.json"
},
{
"slug": "marlowe-footer",
"name": "Marlowe Footer",
"description": "Fashion footer with newsletter, link columns and a wordmark that tightens its letter-spacing on reveal.",
"category": "footer",
"tags": [
"fashion",
"footer",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweFooter",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/footer/marlowe-footer",
"previewUrl": "https://copypasteui.dev/preview/marlowe-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-footer.webm#t=0.9",
"installPath": "components/copypasteui/MarloweFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-footer.json"
},
{
"slug": "marlowe-hero",
"name": "Marlowe Boutique Hero",
"description": "Editorial fashion hero with announcement bar, centred wordmark nav, staggered Bodoni headline and a shop-visit card.",
"category": "hero",
"tags": [
"fashion",
"boutique",
"ecommerce",
"editorial",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweHero",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/hero/marlowe-hero",
"previewUrl": "https://copypasteui.dev/preview/marlowe-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-hero.webm#t=0.9",
"installPath": "components/copypasteui/MarloweHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-hero.json"
},
{
"slug": "marlowe-lookbook",
"name": "Marlowe Lookbook",
"description": "Scroll-driven horizontal lookbook with staggered looks, numbered captions and shop-the-look item lists.",
"category": "gallery",
"tags": [
"fashion",
"lookbook",
"gallery",
"scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-lookbook.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-lookbook.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweLookbook",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/gallery/marlowe-lookbook",
"previewUrl": "https://copypasteui.dev/preview/marlowe-lookbook",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-lookbook.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-lookbook.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-lookbook.webm#t=0.9",
"installPath": "components/copypasteui/MarloweLookbook.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-lookbook.json"
},
{
"slug": "marlowe-reviews",
"name": "Marlowe Reviews & Promises",
"description": "Hairline-grid customer quotes with a rating line and service promises for alterations, returns and delivery.",
"category": "testimonials",
"tags": [
"fashion",
"reviews",
"trust"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweReviews",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/testimonials/marlowe-reviews",
"previewUrl": "https://copypasteui.dev/preview/marlowe-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-reviews.webm#t=0.9",
"installPath": "components/copypasteui/MarloweReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-reviews.json"
},
{
"slug": "marlowe-shop",
"name": "Marlowe Product Grid",
"description": "Fashion product grid with hover quick-add sizes, sold-out sizes, wishlist hearts, colour swatches and add-to-bag toast.",
"category": "products",
"tags": [
"fashion",
"products",
"ecommerce",
"quick-add"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-shop.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-shop.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweShop",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/products/marlowe-shop",
"previewUrl": "https://copypasteui.dev/preview/marlowe-shop",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-shop.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-shop.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-shop.webm#t=0.9",
"installPath": "components/copypasteui/MarloweShop.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-shop.json"
},
{
"slug": "marlowe-styling",
"name": "Marlowe Styling Booking",
"description": "Personal-styling booking with session cards, time slots and confirmation, beside a fitting-room photo.",
"category": "contact",
"tags": [
"fashion",
"booking",
"appointment",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "marlowe-boutique",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marlowe-styling.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marlowe-styling.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarloweStyling",
"theme": "marlowe",
"url": "https://copypasteui.dev/components/contact/marlowe-styling",
"previewUrl": "https://copypasteui.dev/preview/marlowe-styling",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-styling.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-styling.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marlowe-styling.webm#t=1",
"installPath": "components/copypasteui/MarloweStyling.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marlowe-styling.json"
},
{
"slug": "marquee-testimonials",
"name": "Marquee Testimonials",
"description": "Two rows of review cards scrolling in opposite directions with faded edges.",
"category": "testimonials",
"tags": [
"marquee",
"reviews",
"app",
"social-proof"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marquee-testimonials.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/marquee-testimonials.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MarqueeTestimonials",
"theme": "paper",
"url": "https://copypasteui.dev/components/testimonials/marquee-testimonials",
"previewUrl": "https://copypasteui.dev/preview/marquee-testimonials",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marquee-testimonials.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marquee-testimonials.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/marquee-testimonials.webm#t=0.9",
"installPath": "components/copypasteui/MarqueeTestimonials.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marquee-testimonials.json"
},
{
"slug": "minimal-footer",
"name": "Minimal Footer",
"description": "Big email CTA, two tidy link columns and a quiet bottom line. Perfect for portfolios.",
"category": "footer",
"tags": [
"footer",
"minimal",
"portfolio",
"email"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/minimal-footer.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "MinimalFooter",
"theme": "paper",
"url": "https://copypasteui.dev/components/footer/minimal-footer",
"previewUrl": "https://copypasteui.dev/preview/minimal-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/minimal-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/minimal-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MinimalFooter.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/minimal-footer.json"
},
{
"slug": "mission-hero",
"name": "Mission Hero",
"description": "Nonprofit hero with impact stats and a donation card: progress bar, monthly toggle and amounts.",
"category": "hero",
"tags": [
"nonprofit",
"donation",
"charity",
"impact"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mission-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mission-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MissionHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/mission-hero",
"previewUrl": "https://copypasteui.dev/preview/mission-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mission-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mission-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mission-hero.webm#t=0.9",
"installPath": "components/copypasteui/MissionHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mission-hero.json"
},
{
"slug": "mossbrook-booking",
"name": "Mossbrook Appointment Booking",
"description": "Pet appointment form with pet name, reason chips, urgent-care hint, time slots and hours.",
"category": "contact",
"tags": [
"vet",
"booking",
"form"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookBooking",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/contact/mossbrook-booking",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-booking.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-booking.json"
},
{
"slug": "mossbrook-footer",
"name": "Mossbrook Footer",
"description": "Navy footer with scattered paw pattern, emergency button and links.",
"category": "footer",
"tags": [
"vet",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookFooter",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/footer/mossbrook-footer",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-footer.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-footer.json"
},
{
"slug": "mossbrook-hero",
"name": "Mossbrook Vet Hero",
"description": "Vet and grooming hero with pet-type switcher that swaps photo and copy, walking paw-print trail and emergency bar.",
"category": "hero",
"tags": [
"vet",
"pets",
"clinic",
"photography",
"playful"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookHero",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/hero/mossbrook-hero",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-hero.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-hero.json"
},
{
"slug": "mossbrook-plans",
"name": "Mossbrook Health Plan",
"description": "Pet health plan with species and size selectors, monthly price and yearly saving.",
"category": "pricing",
"tags": [
"vet",
"pricing",
"membership"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-plans.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-plans.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookPlans",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/pricing/mossbrook-plans",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-plans",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-plans.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-plans.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-plans.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookPlans.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-plans.json"
},
{
"slug": "mossbrook-services",
"name": "Mossbrook Services Bento",
"description": "Bento of vet, grooming, surgery, dental and emergency services with photos and from-prices.",
"category": "features",
"tags": [
"vet",
"services",
"bento"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-services.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookServices",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/features/mossbrook-services",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-services.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-services.json"
},
{
"slug": "mossbrook-team",
"name": "Mossbrook Team & Pets",
"description": "3D flip cards that turn each vet’s portrait around to reveal their own pet.",
"category": "team",
"tags": [
"vet",
"team",
"flip",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "mossbrook-vets",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-team.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-team.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MossbrookTeam",
"theme": "mossbrook",
"url": "https://copypasteui.dev/components/team/mossbrook-team",
"previewUrl": "https://copypasteui.dev/preview/mossbrook-team",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-team.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-team.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/mossbrook-team.webm#t=0.9",
"installPath": "components/copypasteui/MossbrookTeam.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/mossbrook-team.json"
},
{
"slug": "motion-booking",
"name": "Motion Booking",
"description": "Appointment type, clinic or video, day and slot picker with a live summary panel.",
"category": "contact",
"tags": [
"physio",
"booking",
"appointment"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionBooking",
"theme": "motion",
"url": "https://copypasteui.dev/components/contact/motion-booking",
"previewUrl": "https://copypasteui.dev/preview/motion-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-booking.webm#t=0.9",
"installPath": "components/copypasteui/MotionBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-booking.json"
},
{
"slug": "motion-conditions",
"name": "Motion Body Map",
"description": "Clickable body map that shows conditions treated, typical sessions and a tip for each area.",
"category": "features",
"tags": [
"physio",
"interactive",
"features",
"healthcare"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-conditions.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-conditions.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionConditions",
"theme": "motion",
"url": "https://copypasteui.dev/components/features/motion-conditions",
"previewUrl": "https://copypasteui.dev/preview/motion-conditions",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-conditions.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-conditions.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-conditions.webm#t=0.9",
"installPath": "components/copypasteui/MotionConditions.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-conditions.json"
},
{
"slug": "motion-footer",
"name": "Motion Footer",
"description": "Dark footer with link columns and a looping italic ‘keep moving’ marquee.",
"category": "footer",
"tags": [
"physio",
"footer",
"marquee"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionFooter",
"theme": "motion",
"url": "https://copypasteui.dev/components/footer/motion-footer",
"previewUrl": "https://copypasteui.dev/preview/motion-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-footer.webm#t=0.9",
"installPath": "components/copypasteui/MotionFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-footer.json"
},
{
"slug": "motion-hero",
"name": "Motion Physio Hero",
"description": "Bold italic physio hero in a cobalt panel with photo fade, outcome stats and direct-access badge.",
"category": "hero",
"tags": [
"physio",
"clinic",
"sports",
"healthcare",
"bold"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionHero",
"theme": "motion",
"url": "https://copypasteui.dev/components/hero/motion-hero",
"previewUrl": "https://copypasteui.dev/preview/motion-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-hero.webm#t=0.9",
"installPath": "components/copypasteui/MotionHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-hero.json"
},
{
"slug": "motion-recovery",
"name": "Motion Recovery Plan",
"description": "Four-stage recovery timeline with a scroll-filled progress bar and photos.",
"category": "how-it-works",
"tags": [
"physio",
"process",
"timeline",
"scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-recovery.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-recovery.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionRecovery",
"theme": "motion",
"url": "https://copypasteui.dev/components/how-it-works/motion-recovery",
"previewUrl": "https://copypasteui.dev/preview/motion-recovery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-recovery.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-recovery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-recovery.webm#t=0.9",
"installPath": "components/copypasteui/MotionRecovery.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-recovery.json"
},
{
"slug": "motion-results",
"name": "Motion Patient Results",
"description": "Patient stories with animated before/after pain-score bars.",
"category": "testimonials",
"tags": [
"physio",
"testimonials",
"results"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "motion-physio",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/motion-results.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/motion-results.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MotionResults",
"theme": "motion",
"url": "https://copypasteui.dev/components/testimonials/motion-results",
"previewUrl": "https://copypasteui.dev/preview/motion-results",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-results.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-results.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/motion-results.webm#t=0.9",
"installPath": "components/copypasteui/MotionResults.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/motion-results.json"
},
{
"slug": "neon-rings-background",
"name": "Neon Rings Background",
"description": "Concentric neon rings pulsing outward from a glowing horizon line. CSS and motion only.",
"category": "background",
"tags": [
"neon",
"rings",
"glow",
"dark",
"css"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "lumen",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/neon-rings-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/neon-rings-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "NeonRingsBackground",
"theme": "lumen",
"url": "https://copypasteui.dev/components/background/neon-rings-background",
"previewUrl": "https://copypasteui.dev/preview/neon-rings-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-rings-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-rings-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/neon-rings-background.webm#t=0.9",
"installPath": "components/copypasteui/NeonRingsBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/neon-rings-background.json"
},
{
"slug": "newsletter-cta",
"name": "Newsletter CTA",
"description": "Bold newsletter panel with email validation and an animated success state.",
"category": "cta",
"tags": [
"newsletter",
"email",
"form",
"signup"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/newsletter-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/newsletter-cta.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "NewsletterCta",
"theme": "paper",
"url": "https://copypasteui.dev/components/cta/newsletter-cta",
"previewUrl": "https://copypasteui.dev/preview/newsletter-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/newsletter-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/newsletter-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/newsletter-cta.webm#t=0.9",
"installPath": "components/copypasteui/NewsletterCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/newsletter-cta.json"
},
{
"slug": "nord-client-quote",
"name": "Nord Client Quote",
"description": "Inverted client testimonial with project photo, large quote, portrait and energy-rating stat.",
"category": "testimonials",
"tags": [
"architecture",
"testimonial",
"quote",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-client-quote.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-client-quote.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "NordClientQuote",
"theme": "nord",
"url": "https://copypasteui.dev/components/testimonials/nord-client-quote",
"previewUrl": "https://copypasteui.dev/preview/nord-client-quote",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-client-quote.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-client-quote.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-client-quote.webm#t=0.9",
"installPath": "components/copypasteui/NordClientQuote.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-client-quote.json"
},
{
"slug": "nord-contact",
"name": "Nord Contact",
"description": "Enquiry section with oversized heading, email link, project-type and budget chips and underline inputs.",
"category": "contact",
"tags": [
"architecture",
"contact",
"form",
"chips"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-contact.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-contact.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "NordContact",
"theme": "nord",
"url": "https://copypasteui.dev/components/contact/nord-contact",
"previewUrl": "https://copypasteui.dev/preview/nord-contact",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-contact.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-contact.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-contact.webm#t=0.9",
"installPath": "components/copypasteui/NordContact.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-contact.json"
},
{
"slug": "nord-footer",
"name": "Nord Footer",
"description": "Minimal footer with live office clocks, addresses, links and a giant edge-to-edge wordmark.",
"category": "footer",
"tags": [
"architecture",
"footer",
"clock",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "NordFooter",
"theme": "nord",
"url": "https://copypasteui.dev/components/footer/nord-footer",
"previewUrl": "https://copypasteui.dev/preview/nord-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/NordFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-footer.json"
},
{
"slug": "nord-hero",
"name": "Nord Architecture Hero",
"description": "Swiss-style studio hero: edge-to-edge wordmark, four-column header, statement and clip-reveal project photo.",
"category": "hero",
"tags": [
"architecture",
"studio",
"minimal",
"wordmark",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "NordHero",
"theme": "nord",
"url": "https://copypasteui.dev/components/hero/nord-hero",
"previewUrl": "https://copypasteui.dev/preview/nord-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-hero.webm#t=0.9",
"installPath": "components/copypasteui/NordHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-hero.json"
},
{
"slug": "nord-process",
"name": "Nord Process",
"description": "Scroll-driven process: phases highlight as you scroll while a sticky photo crossfades per phase.",
"category": "how-it-works",
"tags": [
"architecture",
"process",
"sticky",
"scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-process.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-process.webm#t=3.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "NordProcess",
"theme": "nord",
"url": "https://copypasteui.dev/components/how-it-works/nord-process",
"previewUrl": "https://copypasteui.dev/preview/nord-process",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-process.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-process.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-process.webm#t=3.9",
"installPath": "components/copypasteui/NordProcess.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-process.json"
},
{
"slug": "nord-project-index",
"name": "Nord Project Index",
"description": "Editorial project list with a spring-follow cursor image preview on desktop and inline photos on mobile.",
"category": "gallery",
"tags": [
"architecture",
"portfolio",
"index",
"cursor",
"hover-preview"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-project-index.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-project-index.webm#t=3.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "NordProjectIndex",
"theme": "nord",
"url": "https://copypasteui.dev/components/gallery/nord-project-index",
"previewUrl": "https://copypasteui.dev/preview/nord-project-index",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-project-index.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-project-index.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-project-index.webm#t=3.9",
"installPath": "components/copypasteui/NordProjectIndex.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-project-index.json"
},
{
"slug": "nord-studio",
"name": "Nord Studio",
"description": "Photo collage with stat block beside a studio statement and numbered principles.",
"category": "features",
"tags": [
"architecture",
"about",
"principles",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "nord-architecture",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/nord-studio.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/nord-studio.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "NordStudio",
"theme": "nord",
"url": "https://copypasteui.dev/components/features/nord-studio",
"previewUrl": "https://copypasteui.dev/preview/nord-studio",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-studio.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-studio.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/nord-studio.webm#t=1",
"installPath": "components/copypasteui/NordStudio.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/nord-studio.json"
},
{
"slug": "not-found-page",
"name": "Not Found Page",
"description": "A friendly 404 page with the business's most-visited pages, a way home and a tap-to-call button.",
"category": "pages",
"tags": [
"404",
"not-found",
"error",
"page"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Use it as the site's 404 page: in Next.js App Router render from app/not-found.tsx; in Vite or React Router render it on the \"*\" route. Fill in the business details and the four most useful links.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/not-found-page.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/not-found-page.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "NotFoundPage",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/not-found-page",
"previewUrl": "https://copypasteui.dev/preview/not-found-page",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/not-found-page.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/not-found-page.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/not-found-page.webm#t=0.9",
"installPath": "components/copypasteui/NotFoundPage.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/not-found-page.json"
},
{
"slug": "olea-footer",
"name": "Olea Footer",
"description": "Restaurant footer with supper-club signup, link columns, address, a reserve bar and an oversized wordmark.",
"category": "footer",
"tags": [
"restaurant",
"footer",
"newsletter",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OleaFooter",
"theme": "olea",
"url": "https://copypasteui.dev/components/footer/olea-footer",
"previewUrl": "https://copypasteui.dev/preview/olea-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-footer.webm#t=0.9",
"installPath": "components/copypasteui/OleaFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-footer.json"
},
{
"slug": "olea-hero",
"name": "Olea Restaurant Hero",
"description": "Full-bleed dining-room hero with centred wordmark nav, giant serif headline, hours and address strip and a floating press quote.",
"category": "hero",
"tags": [
"restaurant",
"food",
"hospitality",
"photography",
"serif"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OleaHero",
"theme": "olea",
"url": "https://copypasteui.dev/components/hero/olea-hero",
"previewUrl": "https://copypasteui.dev/preview/olea-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-hero.webm#t=0.9",
"installPath": "components/copypasteui/OleaHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-hero.json"
},
{
"slug": "olea-menu",
"name": "Olea Tabbed Menu",
"description": "Dinner, lunch and Sunday menus with animated tabs, dietary badges, prices and a sticky dish photo.",
"category": "menu",
"tags": [
"restaurant",
"menu",
"tabs",
"food"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-menu.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-menu.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OleaMenu",
"theme": "olea",
"url": "https://copypasteui.dev/components/menu/olea-menu",
"previewUrl": "https://copypasteui.dev/preview/olea-menu",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-menu.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-menu.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-menu.webm#t=0.9",
"installPath": "components/copypasteui/OleaMenu.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-menu.json"
},
{
"slug": "olea-reservations",
"name": "Olea Table Booking",
"description": "Table booking widget with guest stepper, date and time slots, sold-out times, a confirmation state and a location card.",
"category": "contact",
"tags": [
"restaurant",
"booking",
"reservations",
"form",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-reservations.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-reservations.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OleaReservations",
"theme": "olea",
"url": "https://copypasteui.dev/components/contact/olea-reservations",
"previewUrl": "https://copypasteui.dev/preview/olea-reservations",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reservations.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reservations.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reservations.webm#t=0.9",
"installPath": "components/copypasteui/OleaReservations.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-reservations.json"
},
{
"slug": "olea-reviews",
"name": "Olea Guest Reviews",
"description": "Cycling guest quotes with blur transitions, a star rating badge and a press awards row.",
"category": "testimonials",
"tags": [
"restaurant",
"reviews",
"press",
"carousel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-reviews.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OleaReviews",
"theme": "olea",
"url": "https://copypasteui.dev/components/testimonials/olea-reviews",
"previewUrl": "https://copypasteui.dev/preview/olea-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-reviews.webm#t=0.9",
"installPath": "components/copypasteui/OleaReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-reviews.json"
},
{
"slug": "olea-story",
"name": "Olea Chef Story",
"description": "Chef-and-owner story with overlapping photos, three big numbers and an auto-scrolling kitchen photo strip.",
"category": "gallery",
"tags": [
"restaurant",
"about",
"story",
"marquee",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "olea-restaurant",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/olea-story.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/olea-story.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "OleaStory",
"theme": "olea",
"url": "https://copypasteui.dev/components/gallery/olea-story",
"previewUrl": "https://copypasteui.dev/preview/olea-story",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-story.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-story.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/olea-story.webm#t=0.9",
"installPath": "components/copypasteui/OleaStory.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/olea-story.json"
},
{
"slug": "petal-footer",
"name": "Petal & Stem Footer",
"description": "Florist footer with falling-petal animation, discount signup and link lists.",
"category": "footer",
"tags": [
"florist",
"footer",
"newsletter",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalFooter",
"theme": "petal",
"url": "https://copypasteui.dev/components/footer/petal-footer",
"previewUrl": "https://copypasteui.dev/preview/petal-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-footer.webm#t=0.9",
"installPath": "components/copypasteui/PetalFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-footer.json"
},
{
"slug": "petal-hero",
"name": "Petal & Stem Florist Hero",
"description": "Florist hero with postcode delivery checker, morphing blob photo, floating bouquet card and spinning badge.",
"category": "hero",
"tags": [
"florist",
"flowers",
"ecommerce",
"delivery",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalHero",
"theme": "petal",
"url": "https://copypasteui.dev/components/hero/petal-hero",
"previewUrl": "https://copypasteui.dev/preview/petal-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-hero.webm#t=0.9",
"installPath": "components/copypasteui/PetalHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-hero.json"
},
{
"slug": "petal-shop",
"name": "Petal & Stem Bouquets",
"description": "Bouquet cards with animated Petite/Classic/Grand size switch, live prices and add-to-basket tick.",
"category": "products",
"tags": [
"florist",
"products",
"ecommerce"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-shop.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-shop.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalShop",
"theme": "petal",
"url": "https://copypasteui.dev/components/products/petal-shop",
"previewUrl": "https://copypasteui.dev/preview/petal-shop",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-shop.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-shop.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-shop.webm#t=0.9",
"installPath": "components/copypasteui/PetalShop.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-shop.json"
},
{
"slug": "petal-subscription",
"name": "Petal & Stem Subscription",
"description": "Flower subscription with frequency toggle, price medallion, photo pair and four how-it-works steps.",
"category": "how-it-works",
"tags": [
"florist",
"subscription",
"how-it-works",
"pricing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-subscription.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-subscription.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalSubscription",
"theme": "petal",
"url": "https://copypasteui.dev/components/how-it-works/petal-subscription",
"previewUrl": "https://copypasteui.dev/preview/petal-subscription",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-subscription.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-subscription.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-subscription.webm#t=0.9",
"installPath": "components/copypasteui/PetalSubscription.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-subscription.json"
},
{
"slug": "petal-visit",
"name": "Petal & Stem Visit & Delivery",
"description": "Shop photo with address and hours, delivery zones table and a custom-order enquiry form.",
"category": "contact",
"tags": [
"florist",
"contact",
"delivery",
"hours"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-visit.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-visit.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalVisit",
"theme": "petal",
"url": "https://copypasteui.dev/components/contact/petal-visit",
"previewUrl": "https://copypasteui.dev/preview/petal-visit",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-visit.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-visit.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-visit.webm#t=0.9",
"installPath": "components/copypasteui/PetalVisit.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-visit.json"
},
{
"slug": "petal-weddings",
"name": "Petal & Stem Weddings",
"description": "Wedding-flowers bento gallery with hover captions, quote button and a couple testimonial.",
"category": "gallery",
"tags": [
"florist",
"wedding",
"gallery",
"bento"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "petal-florist",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/petal-weddings.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/petal-weddings.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PetalWeddings",
"theme": "petal",
"url": "https://copypasteui.dev/components/gallery/petal-weddings",
"previewUrl": "https://copypasteui.dev/preview/petal-weddings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-weddings.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-weddings.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/petal-weddings.webm#t=0.9",
"installPath": "components/copypasteui/PetalWeddings.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/petal-weddings.json"
},
{
"slug": "pinehollow-booking",
"name": "Pinehollow Availability Calendar",
"description": "Month calendar with booked nights, range selection and a live price summary.",
"category": "contact",
"tags": [
"cabins",
"booking",
"calendar",
"bnb"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowBooking",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/contact/pinehollow-booking",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-booking.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-booking.json"
},
{
"slug": "pinehollow-cabins",
"name": "Pinehollow Cabin Cards",
"description": "Cabin cards with dog-friendly, hot-tub and group filters, nightly prices and amenity chips.",
"category": "products",
"tags": [
"cabins",
"rooms",
"filter",
"bnb"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-cabins.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-cabins.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowCabins",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/products/pinehollow-cabins",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-cabins",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-cabins.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-cabins.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-cabins.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowCabins.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-cabins.json"
},
{
"slug": "pinehollow-footer",
"name": "Pinehollow Footer",
"description": "Pine-silhouette footer with getting-here details and a plan-your-stay link grid.",
"category": "footer",
"tags": [
"cabins",
"footer",
"bnb"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowFooter",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/footer/pinehollow-footer",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-footer.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-footer.json"
},
{
"slug": "pinehollow-guestbook",
"name": "Pinehollow Guestbook",
"description": "Horizontally scrolling lined-paper guestbook entries with dates and cabin names.",
"category": "testimonials",
"tags": [
"cabins",
"reviews",
"scroll",
"bnb"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-guestbook.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-guestbook.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowGuestbook",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/testimonials/pinehollow-guestbook",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-guestbook",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-guestbook.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-guestbook.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-guestbook.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowGuestbook.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-guestbook.json"
},
{
"slug": "pinehollow-hero",
"name": "Pinehollow Cabins Hero",
"description": "Split cabin hero with slab-serif headline panel, A-frame photo, tonight’s-weather card and availability badge.",
"category": "hero",
"tags": [
"cabins",
"bnb",
"hospitality",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowHero",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/hero/pinehollow-hero",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-hero.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-hero.json"
},
{
"slug": "pinehollow-seasons",
"name": "Pinehollow Seasons",
"description": "Season tabs that crossfade a photo and swap the things-to-do list.",
"category": "features",
"tags": [
"cabins",
"tabs",
"seasons",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pinehollow-cabins",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-seasons.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-seasons.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PinehollowSeasons",
"theme": "pinehollow",
"url": "https://copypasteui.dev/components/features/pinehollow-seasons",
"previewUrl": "https://copypasteui.dev/preview/pinehollow-seasons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-seasons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-seasons.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pinehollow-seasons.webm#t=0.9",
"installPath": "components/copypasteui/PinehollowSeasons.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pinehollow-seasons.json"
},
{
"slug": "planet-horizon-background",
"name": "Planet Horizon Background",
"description": "A planet rising from the bottom edge with a theme-lit atmospheric rim, travelling light sweep and twinkling stars.",
"category": "background",
"tags": [
"space",
"planet",
"glow",
"dark",
"canvas"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": "midnight",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/planet-horizon-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/planet-horizon-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "PlanetHorizonBackground",
"theme": "midnight",
"url": "https://copypasteui.dev/components/background/planet-horizon-background",
"previewUrl": "https://copypasteui.dev/preview/planet-horizon-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/planet-horizon-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/planet-horizon-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/planet-horizon-background.webm#t=0.9",
"installPath": "components/copypasteui/PlanetHorizonBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/planet-horizon-background.json"
},
{
"slug": "portfolio-intro-hero",
"name": "Portfolio Intro Hero",
"description": "Huge-name personal hero with rotating role words, availability pulse and a skills marquee.",
"category": "hero",
"tags": [
"portfolio",
"personal",
"typography",
"marquee"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/portfolio-intro-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/portfolio-intro-hero.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PortfolioIntroHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/portfolio-intro-hero",
"previewUrl": "https://copypasteui.dev/preview/portfolio-intro-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/portfolio-intro-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/portfolio-intro-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/portfolio-intro-hero.webm#t=1",
"installPath": "components/copypasteui/PortfolioIntroHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/portfolio-intro-hero.json"
},
{
"slug": "prism-features",
"name": "Prism Features",
"description": "Three feature cards with mini product UIs floating over flowing SVG ribbons.",
"category": "features",
"tags": [
"features",
"ribbons",
"svg",
"saas"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-features.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-features.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PrismFeatures",
"theme": "prism",
"url": "https://copypasteui.dev/components/features/prism-features",
"previewUrl": "https://copypasteui.dev/preview/prism-features",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-features.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-features.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-features.webm#t=0.9",
"installPath": "components/copypasteui/PrismFeatures.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-features.json"
},
{
"slug": "prism-footer",
"name": "Prism Footer",
"description": "Clean footer with a giant shifting-gradient wordmark.",
"category": "footer",
"tags": [
"footer",
"gradient",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-footer.jpg"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "PrismFooter",
"theme": "prism",
"url": "https://copypasteui.dev/components/footer/prism-footer",
"previewUrl": "https://copypasteui.dev/preview/prism-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-footer.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/PrismFooter.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-footer.json"
},
{
"slug": "prism-hero",
"name": "Prism Design Tool Hero",
"description": "Creative-tool hero on a live WebGL fluid gradient with a full app-window mock and animated multiplayer cursors.",
"category": "hero",
"tags": [
"webgl",
"saas",
"design-tool",
"multiplayer",
"gradient"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-hero.webm#t=1.3"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PrismHero",
"theme": "prism",
"url": "https://copypasteui.dev/components/hero/prism-hero",
"previewUrl": "https://copypasteui.dev/preview/prism-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-hero.webm#t=1.3",
"installPath": "components/copypasteui/PrismHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-hero.json"
},
{
"slug": "prism-love-wall",
"name": "Prism Love Wall",
"description": "Masonry testimonial wall with portraits on a drifting grain-gradient background.",
"category": "testimonials",
"tags": [
"testimonials",
"grain",
"gradient",
"masonry"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-love-wall.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-love-wall.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "PrismLoveWall",
"theme": "prism",
"url": "https://copypasteui.dev/components/testimonials/prism-love-wall",
"previewUrl": "https://copypasteui.dev/preview/prism-love-wall",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-love-wall.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-love-wall.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-love-wall.webm#t=1",
"installPath": "components/copypasteui/PrismLoveWall.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-love-wall.json"
},
{
"slug": "prism-poster-gallery",
"name": "Prism Poster Gallery",
"description": "Masonry community gallery of posters generated with CSS mesh gradients — no images needed.",
"category": "gallery",
"tags": [
"gallery",
"gradient",
"css-art",
"community"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-poster-gallery.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-poster-gallery.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PrismPosterGallery",
"theme": "prism",
"url": "https://copypasteui.dev/components/gallery/prism-poster-gallery",
"previewUrl": "https://copypasteui.dev/preview/prism-poster-gallery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-poster-gallery.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-poster-gallery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-poster-gallery.webm#t=1",
"installPath": "components/copypasteui/PrismPosterGallery.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-poster-gallery.json"
},
{
"slug": "prism-rays-cta",
"name": "Prism Rays CTA",
"description": "Big-statement CTA under soft volumetric light rays in primary and accent.",
"category": "cta",
"tags": [
"cta",
"rays",
"soft",
"gradient"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "prism-design",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/prism-rays-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/prism-rays-cta.webm#t=1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PrismRaysCta",
"theme": "prism",
"url": "https://copypasteui.dev/components/cta/prism-rays-cta",
"previewUrl": "https://copypasteui.dev/preview/prism-rays-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-rays-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-rays-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/prism-rays-cta.webm#t=1",
"installPath": "components/copypasteui/PrismRaysCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/prism-rays-cta.json"
},
{
"slug": "product-detail",
"name": "Product Detail",
"description": "Product page with a photo gallery that follows the chosen colour, size picker with sold-out sizes, quantity, add to bag and details accordion.",
"category": "products",
"tags": [
"ecommerce",
"pdp",
"size-picker",
"checkout"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/product-detail.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/product-detail.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ProductDetail",
"theme": "paper",
"url": "https://copypasteui.dev/components/products/product-detail",
"previewUrl": "https://copypasteui.dev/preview/product-detail",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/product-detail.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/product-detail.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/product-detail.webm#t=0.9",
"installPath": "components/copypasteui/ProductDetail.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/product-detail.json"
},
{
"slug": "product-grid",
"name": "Product Grid",
"description": "Shop grid with product photos, ratings with review counts, save buttons, quick add and an animated bag counter.",
"category": "products",
"tags": [
"ecommerce",
"shop",
"cart",
"grid"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/product-grid.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/product-grid.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ProductGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/products/product-grid",
"previewUrl": "https://copypasteui.dev/preview/product-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/product-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/product-grid.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/product-grid.webm#t=0.9",
"installPath": "components/copypasteui/ProductGrid.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/product-grid.json"
},
{
"slug": "product-showcase-hero",
"name": "Product Showcase Hero",
"description": "Single-product hero where each colour swaps the product photo, with reviews, price and add to bag.",
"category": "hero",
"tags": [
"ecommerce",
"product",
"dtc",
"shop"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/product-showcase-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/product-showcase-hero.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ProductShowcaseHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/product-showcase-hero",
"previewUrl": "https://copypasteui.dev/preview/product-showcase-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/product-showcase-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/product-showcase-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/product-showcase-hero.webm#t=1",
"installPath": "components/copypasteui/ProductShowcaseHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/product-showcase-hero.json"
},
{
"slug": "project-showcase-grid",
"name": "Project Showcase Grid",
"description": "Studio portfolio grid with real project photos, the result of each job, wide feature tiles and animated filters.",
"category": "gallery",
"tags": [
"portfolio",
"filter",
"case-studies",
"grid"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/project-showcase-grid.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/project-showcase-grid.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ProjectShowcaseGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/gallery/project-showcase-grid",
"previewUrl": "https://copypasteui.dev/preview/project-showcase-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/project-showcase-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/project-showcase-grid.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/project-showcase-grid.webm#t=0.9",
"installPath": "components/copypasteui/ProjectShowcaseGrid.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/project-showcase-grid.json"
},
{
"slug": "property-cards",
"name": "Property Cards",
"description": "Listing cards with real home photos, status badges, a save button and bed, bath and size details.",
"category": "cards",
"tags": [
"real-estate",
"listings",
"cards",
"save"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/property-cards.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "PropertyCards",
"theme": "paper",
"url": "https://copypasteui.dev/components/cards/property-cards",
"previewUrl": "https://copypasteui.dev/preview/property-cards",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/property-cards.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/property-cards.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/PropertyCards.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/property-cards.json"
},
{
"slug": "pulse-classes",
"name": "Pulse Class Grid",
"description": "Filterable class cards with full-bleed photos, intensity meters, duration and hover descriptions.",
"category": "features",
"tags": [
"gym",
"classes",
"filter",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-classes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-classes.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseClasses",
"theme": "pulse",
"url": "https://copypasteui.dev/components/features/pulse-classes",
"previewUrl": "https://copypasteui.dev/preview/pulse-classes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-classes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-classes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-classes.webm#t=0.9",
"installPath": "components/copypasteui/PulseClasses.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-classes.json"
},
{
"slug": "pulse-coaches",
"name": "Pulse Coaches",
"description": "Staggered coach portraits that go from mono to colour on hover, with quotes and certifications.",
"category": "team",
"tags": [
"gym",
"team",
"coaches",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-coaches.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-coaches.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseCoaches",
"theme": "pulse",
"url": "https://copypasteui.dev/components/team/pulse-coaches",
"previewUrl": "https://copypasteui.dev/preview/pulse-coaches",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-coaches.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-coaches.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-coaches.webm#t=0.9",
"installPath": "components/copypasteui/PulseCoaches.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-coaches.json"
},
{
"slug": "pulse-footer",
"name": "Pulse Footer",
"description": "Volt footer with marquee, free-week CTA, hours, links and a full-width condensed wordmark.",
"category": "footer",
"tags": [
"gym",
"footer",
"marquee",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseFooter",
"theme": "pulse",
"url": "https://copypasteui.dev/components/footer/pulse-footer",
"previewUrl": "https://copypasteui.dev/preview/pulse-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-footer.webm#t=0.9",
"installPath": "components/copypasteui/PulseFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-footer.json"
},
{
"slug": "pulse-hero",
"name": "Pulse Gym Hero",
"description": "Dark gym hero with stacked condensed headline reveal, angled photo wipe, rotating free-week badge, stats and next-class card.",
"category": "hero",
"tags": [
"gym",
"fitness",
"bold",
"photography",
"condensed"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseHero",
"theme": "pulse",
"url": "https://copypasteui.dev/components/hero/pulse-hero",
"previewUrl": "https://copypasteui.dev/preview/pulse-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-hero.webm#t=0.9",
"installPath": "components/copypasteui/PulseHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-hero.json"
},
{
"slug": "pulse-membership",
"name": "Pulse Membership",
"description": "Three membership tiers with monthly/annual switch, sticker badge and bold inverted popular plan.",
"category": "pricing",
"tags": [
"gym",
"pricing",
"membership",
"toggle"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-membership.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-membership.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseMembership",
"theme": "pulse",
"url": "https://copypasteui.dev/components/pricing/pulse-membership",
"previewUrl": "https://copypasteui.dev/preview/pulse-membership",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-membership.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-membership.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-membership.webm#t=0.9",
"installPath": "components/copypasteui/PulseMembership.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-membership.json"
},
{
"slug": "pulse-results",
"name": "Pulse Member Results",
"description": "Member transformation stories with sliding photos, condensed quotes and before/after stat tiles.",
"category": "testimonials",
"tags": [
"gym",
"testimonials",
"results",
"carousel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-results.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-results.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseResults",
"theme": "pulse",
"url": "https://copypasteui.dev/components/testimonials/pulse-results",
"previewUrl": "https://copypasteui.dev/preview/pulse-results",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-results.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-results.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-results.webm#t=0.9",
"installPath": "components/copypasteui/PulseResults.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-results.json"
},
{
"slug": "pulse-timetable",
"name": "Pulse Timetable",
"description": "Weekly class timetable with day switcher, coach avatars, capacity bars and book / waitlist states.",
"category": "events",
"tags": [
"gym",
"schedule",
"booking",
"timetable"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "pulse-gym",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/pulse-timetable.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/pulse-timetable.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "PulseTimetable",
"theme": "pulse",
"url": "https://copypasteui.dev/components/events/pulse-timetable",
"previewUrl": "https://copypasteui.dev/preview/pulse-timetable",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-timetable.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-timetable.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/pulse-timetable.webm#t=0.9",
"installPath": "components/copypasteui/PulseTimetable.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/pulse-timetable.json"
},
{
"slug": "quavermoor-concerts",
"name": "Quavermoor Concerts",
"description": "Event cards with date blocks, venues, free or ticketed chips and RSVP links.",
"category": "events",
"tags": [
"music",
"events",
"calendar"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-concerts.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-concerts.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuavermoorConcerts",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/events/quavermoor-concerts",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-concerts",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-concerts.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-concerts.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-concerts.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorConcerts.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-concerts.json"
},
{
"slug": "quavermoor-footer",
"name": "Quavermoor Footer",
"description": "Footer with an animated musical stave of notes and link lists.",
"category": "footer",
"tags": [
"music",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuavermoorFooter",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/footer/quavermoor-footer",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-footer.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-footer.json"
},
{
"slug": "quavermoor-hero",
"name": "Quavermoor Music School Hero",
"description": "Plum music-school hero with a breathing sound-wave of bars and a lesson photo fade.",
"category": "hero",
"tags": [
"music",
"school",
"education",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuavermoorHero",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/hero/quavermoor-hero",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-hero.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-hero.json"
},
{
"slug": "quavermoor-instruments",
"name": "Quavermoor Instrument Picker",
"description": "Instrument tabs with sliding underline showing photo, ages, price and teacher count.",
"category": "features",
"tags": [
"music",
"tabs",
"features",
"education"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-instruments.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-instruments.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuavermoorInstruments",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/features/quavermoor-instruments",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-instruments",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-instruments.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-instruments.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-instruments.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorInstruments.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-instruments.json"
},
{
"slug": "quavermoor-students",
"name": "Quavermoor Student Stories",
"description": "Student quotes with grade chips beside a lesson photo and pass-rate badge.",
"category": "testimonials",
"tags": [
"music",
"testimonials"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-students.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-students.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "QuavermoorStudents",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/testimonials/quavermoor-students",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-students",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-students.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-students.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-students.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorStudents.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-students.json"
},
{
"slug": "quavermoor-trial",
"name": "Quavermoor Free Trial Form",
"description": "Free trial-lesson form with me/my-child toggle and instrument, level and time chips.",
"category": "contact",
"tags": [
"music",
"form",
"booking"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "quavermoor-music",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-trial.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-trial.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuavermoorTrial",
"theme": "quavermoor",
"url": "https://copypasteui.dev/components/contact/quavermoor-trial",
"previewUrl": "https://copypasteui.dev/preview/quavermoor-trial",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-trial.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-trial.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quavermoor-trial.webm#t=0.9",
"installPath": "components/copypasteui/QuavermoorTrial.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quavermoor-trial.json"
},
{
"slug": "quote-carousel",
"name": "Quote Carousel",
"description": "Single large quote with directional slide transitions, autoplay, arrows and dots.",
"category": "testimonials",
"tags": [
"carousel",
"quotes",
"autoplay",
"restaurant"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/quote-carousel.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/quote-carousel.webm#t=1.1"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "QuoteCarousel",
"theme": "paper",
"url": "https://copypasteui.dev/components/testimonials/quote-carousel",
"previewUrl": "https://copypasteui.dev/preview/quote-carousel",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/quote-carousel.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/quote-carousel.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/quote-carousel.webm#t=1.1",
"installPath": "components/copypasteui/QuoteCarousel.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/quote-carousel.json"
},
{
"slug": "restaurant-menu",
"name": "Restaurant Menu",
"description": "Tabbed menu with dotted price leaders, dietary icons and chef’s-pick badges.",
"category": "menu",
"tags": [
"restaurant",
"menu",
"food",
"tabs"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/restaurant-menu.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/restaurant-menu.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "RestaurantMenu",
"theme": "paper",
"url": "https://copypasteui.dev/components/menu/restaurant-menu",
"previewUrl": "https://copypasteui.dev/preview/restaurant-menu",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/restaurant-menu.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/restaurant-menu.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/restaurant-menu.webm#t=0.9",
"installPath": "components/copypasteui/RestaurantMenu.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/restaurant-menu.json"
},
{
"slug": "retro-grid-background",
"name": "Retro Grid Background",
"description": "Perspective grid floor racing toward you under a striped setting sun, with true 3D projection on canvas.",
"category": "background",
"tags": [
"synthwave",
"grid",
"retro",
"canvas",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "sunset",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/retro-grid-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/retro-grid-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "RetroGridBackground",
"theme": "sunset",
"url": "https://copypasteui.dev/components/background/retro-grid-background",
"previewUrl": "https://copypasteui.dev/preview/retro-grid-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/retro-grid-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/retro-grid-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/retro-grid-background.webm#t=0.9",
"installPath": "components/copypasteui/RetroGridBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/retro-grid-background.json"
},
{
"slug": "searchable-faq",
"name": "Searchable FAQ",
"description": "Help-centre FAQ with live search, category chips and animated answers.",
"category": "faq",
"tags": [
"faq",
"search",
"help-center",
"filter"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/searchable-faq.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/searchable-faq.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SearchableFaq",
"theme": "paper",
"url": "https://copypasteui.dev/components/faq/searchable-faq",
"previewUrl": "https://copypasteui.dev/preview/searchable-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/searchable-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/searchable-faq.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/searchable-faq.webm#t=0.9",
"installPath": "components/copypasteui/SearchableFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/searchable-faq.json"
},
{
"slug": "shimmer-buttons",
"name": "Shimmer Buttons",
"description": "Shimmer sweep, pressable 3D, loading-to-success state and underline link buttons.",
"category": "buttons",
"tags": [
"shimmer",
"loading",
"states",
"micro-interaction"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/shimmer-buttons.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ShimmerButtons",
"theme": "paper",
"url": "https://copypasteui.dev/components/buttons/shimmer-buttons",
"previewUrl": "https://copypasteui.dev/preview/shimmer-buttons",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/shimmer-buttons.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/shimmer-buttons.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/ShimmerButtons.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/shimmer-buttons.json"
},
{
"slug": "silk-waves-background",
"name": "Silk Waves Background",
"description": "Live WebGL silk folds with specular ridges in your primary and accent over a deep base. Cursor drifts the fabric.",
"category": "background",
"tags": [
"webgl",
"shader",
"silk",
"dark",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": "lavender",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/silk-waves-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/silk-waves-background.webm#t=1.2"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "SilkWavesBackground",
"theme": "lavender",
"url": "https://copypasteui.dev/components/background/silk-waves-background",
"previewUrl": "https://copypasteui.dev/preview/silk-waves-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/silk-waves-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/silk-waves-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/silk-waves-background.webm#t=1.2",
"installPath": "components/copypasteui/SilkWavesBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/silk-waves-background.json"
},
{
"slug": "sola-classes",
"name": "Sola Class Types",
"description": "Class cards with intensity dots and hover lift.",
"category": "features",
"tags": [
"yoga",
"classes",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-classes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-classes.webm#t=1.2"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "SolaClasses",
"theme": "sola",
"url": "https://copypasteui.dev/components/features/sola-classes",
"previewUrl": "https://copypasteui.dev/preview/sola-classes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-classes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-classes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-classes.webm#t=1.2",
"installPath": "components/copypasteui/SolaClasses.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-classes.json"
},
{
"slug": "sola-community",
"name": "Sola Community",
"description": "Panoramic beach-class photo with member stats and three member stories.",
"category": "testimonials",
"tags": [
"yoga",
"testimonials",
"community"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-community.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-community.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "SolaCommunity",
"theme": "sola",
"url": "https://copypasteui.dev/components/testimonials/sola-community",
"previewUrl": "https://copypasteui.dev/preview/sola-community",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-community.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-community.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-community.webm#t=0.9",
"installPath": "components/copypasteui/SolaCommunity.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-community.json"
},
{
"slug": "sola-footer",
"name": "Sola Footer",
"description": "Studio footer with rising sun shape, links and first-class CTA.",
"category": "footer",
"tags": [
"yoga",
"footer"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolaFooter",
"theme": "sola",
"url": "https://copypasteui.dev/components/footer/sola-footer",
"previewUrl": "https://copypasteui.dev/preview/sola-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-footer.webm#t=0.9",
"installPath": "components/copypasteui/SolaFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-footer.json"
},
{
"slug": "sola-hero",
"name": "Sola Yoga Hero",
"description": "Warm studio hero with glowing sun gradient, pill-shaped photos and an intro-offer card.",
"category": "hero",
"tags": [
"yoga",
"pilates",
"fitness",
"wellness",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolaHero",
"theme": "sola",
"url": "https://copypasteui.dev/components/hero/sola-hero",
"previewUrl": "https://copypasteui.dev/preview/sola-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-hero.webm#t=0.9",
"installPath": "components/copypasteui/SolaHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-hero.json"
},
{
"slug": "sola-passes",
"name": "Sola Pricing Passes",
"description": "Intro offer, class-pack selector with per-class price, and unlimited plan with annual toggle.",
"category": "pricing",
"tags": [
"yoga",
"pricing",
"passes"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-passes.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-passes.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolaPasses",
"theme": "sola",
"url": "https://copypasteui.dev/components/pricing/sola-passes",
"previewUrl": "https://copypasteui.dev/preview/sola-passes",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-passes.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-passes.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-passes.webm#t=0.9",
"installPath": "components/copypasteui/SolaPasses.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-passes.json"
},
{
"slug": "sola-timetable",
"name": "Sola Class Timetable",
"description": "Weekly timetable with day tabs, teachers, spots left, booking and waitlist toggles.",
"category": "events",
"tags": [
"yoga",
"schedule",
"booking",
"timetable"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "sola-yoga",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sola-timetable.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/sola-timetable.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolaTimetable",
"theme": "sola",
"url": "https://copypasteui.dev/components/events/sola-timetable",
"previewUrl": "https://copypasteui.dev/preview/sola-timetable",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-timetable.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-timetable.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/sola-timetable.webm#t=0.9",
"installPath": "components/copypasteui/SolaTimetable.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sola-timetable.json"
},
{
"slug": "solenne-experiences",
"name": "Solenne Experiences Bento",
"description": "Numbered photo bento of hotel experiences with gradient captions and zoom-on-hover.",
"category": "features",
"tags": [
"hotel",
"bento",
"photography",
"travel"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-experiences.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-experiences.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneExperiences",
"theme": "solenne",
"url": "https://copypasteui.dev/components/features/solenne-experiences",
"previewUrl": "https://copypasteui.dev/preview/solenne-experiences",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-experiences.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-experiences.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-experiences.webm#t=0.9",
"installPath": "components/copypasteui/SolenneExperiences.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-experiences.json"
},
{
"slug": "solenne-footer",
"name": "Solenne Footer",
"description": "Coloured footer with newsletter line, link columns, drifting staggered photo strip and full-width serif wordmark.",
"category": "footer",
"tags": [
"hotel",
"footer",
"marquee",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-footer.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneFooter",
"theme": "solenne",
"url": "https://copypasteui.dev/components/footer/solenne-footer",
"previewUrl": "https://copypasteui.dev/preview/solenne-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-footer.webm#t=0.9",
"installPath": "components/copypasteui/SolenneFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-footer.json"
},
{
"slug": "solenne-guest-reviews",
"name": "Solenne Guest Reviews",
"description": "Large serif guest quote with selectable reviewer chips, crossfading room photo and review-site scores.",
"category": "testimonials",
"tags": [
"hotel",
"reviews",
"testimonials",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-guest-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-guest-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneGuestReviews",
"theme": "solenne",
"url": "https://copypasteui.dev/components/testimonials/solenne-guest-reviews",
"previewUrl": "https://copypasteui.dev/preview/solenne-guest-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-guest-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-guest-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-guest-reviews.webm#t=0.9",
"installPath": "components/copypasteui/SolenneGuestReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-guest-reviews.json"
},
{
"slug": "solenne-hero",
"name": "Solenne Hotel Hero",
"description": "Full-bleed boutique-hotel hero with slow photo zoom, serif line reveal, glass booking bar, suite card and guest rating.",
"category": "hero",
"tags": [
"hotel",
"hospitality",
"booking",
"photography",
"serif"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneHero",
"theme": "solenne",
"url": "https://copypasteui.dev/components/hero/solenne-hero",
"previewUrl": "https://copypasteui.dev/preview/solenne-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-hero.webm#t=0.9",
"installPath": "components/copypasteui/SolenneHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-hero.json"
},
{
"slug": "solenne-packages",
"name": "Solenne Stay Packages",
"description": "Photo-topped stay packages with an animated high/shoulder season switch and per-stay pricing.",
"category": "pricing",
"tags": [
"hotel",
"pricing",
"packages",
"seasonal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-packages.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-packages.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolennePackages",
"theme": "solenne",
"url": "https://copypasteui.dev/components/pricing/solenne-packages",
"previewUrl": "https://copypasteui.dev/preview/solenne-packages",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-packages.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-packages.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-packages.webm#t=0.9",
"installPath": "components/copypasteui/SolennePackages.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-packages.json"
},
{
"slug": "solenne-rooms",
"name": "Solenne Rooms Carousel",
"description": "Snap-scrolling room cards with tall photos, hover reserve bar, size, guests and nightly price.",
"category": "gallery",
"tags": [
"hotel",
"rooms",
"carousel",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-rooms.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-rooms.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneRooms",
"theme": "solenne",
"url": "https://copypasteui.dev/components/gallery/solenne-rooms",
"previewUrl": "https://copypasteui.dev/preview/solenne-rooms",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-rooms.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-rooms.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-rooms.webm#t=0.9",
"installPath": "components/copypasteui/SolenneRooms.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-rooms.json"
},
{
"slug": "solenne-sunset-cta",
"name": "Solenne Sunset CTA",
"description": "Parallax sunset photo call-to-action with oversized serif headline and booking buttons.",
"category": "cta",
"tags": [
"hotel",
"parallax",
"cta",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "solenne-hotel",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/solenne-sunset-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/solenne-sunset-cta.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SolenneSunsetCta",
"theme": "solenne",
"url": "https://copypasteui.dev/components/cta/solenne-sunset-cta",
"previewUrl": "https://copypasteui.dev/preview/solenne-sunset-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-sunset-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-sunset-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/solenne-sunset-cta.webm#t=0.9",
"installPath": "components/copypasteui/SolenneSunsetCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/solenne-sunset-cta.json"
},
{
"slug": "speaker-grid",
"name": "Speaker Grid",
"description": "Speaker line-up with a large opening-talk portrait, black-and-white photos that colour on hover, and talk titles.",
"category": "events",
"tags": [
"speakers",
"event",
"conference",
"people"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/speaker-grid.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "SpeakerGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/events/speaker-grid",
"previewUrl": "https://copypasteui.dev/preview/speaker-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/speaker-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/speaker-grid.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SpeakerGrid.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/speaker-grid.json"
},
{
"slug": "split-logo-navbar",
"name": "Split Logo Navbar",
"description": "Centered wordmark with links split either side, a reserve button and a full-screen mobile menu.",
"category": "navbar",
"tags": [
"restaurant",
"centered",
"editorial",
"mobile-menu"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/split-logo-navbar.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/split-logo-navbar.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SplitLogoNavbar",
"theme": "paper",
"url": "https://copypasteui.dev/components/navbar/split-logo-navbar",
"previewUrl": "https://copypasteui.dev/preview/split-logo-navbar",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/split-logo-navbar.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/split-logo-navbar.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/split-logo-navbar.webm#t=0.9",
"installPath": "components/copypasteui/SplitLogoNavbar.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/split-logo-navbar.json"
},
{
"slug": "sponsor-logo-grid",
"name": "Sponsor Logo Grid",
"description": "Tiered sponsor grid (headline, gold, community) with hairline borders and hover states.",
"category": "logos",
"tags": [
"sponsors",
"partners",
"event",
"grid"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/sponsor-logo-grid.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SponsorLogoGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/logos/sponsor-logo-grid",
"previewUrl": "https://copypasteui.dev/preview/sponsor-logo-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/sponsor-logo-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/sponsor-logo-grid.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SponsorLogoGrid.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/sponsor-logo-grid.json"
},
{
"slug": "spotlight-hover-cards",
"name": "Spotlight Hover Cards",
"description": "Feature cards sharing one cursor spotlight that lights up borders and fills.",
"category": "cards",
"tags": [
"spotlight",
"cursor",
"glow",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spotlight-hover-cards.jpg"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "SpotlightHoverCards",
"theme": "paper",
"url": "https://copypasteui.dev/components/cards/spotlight-hover-cards",
"previewUrl": "https://copypasteui.dev/preview/spotlight-hover-cards",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spotlight-hover-cards.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spotlight-hover-cards.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/SpotlightHoverCards.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spotlight-hover-cards.json"
},
{
"slug": "spruce-checklist",
"name": "Spruce Room Checklist",
"description": "Room tabs that crossfade a photo and stagger in a ticked checklist.",
"category": "features",
"tags": [
"cleaning",
"features",
"tabs",
"checklist"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-checklist.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-checklist.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceChecklist",
"theme": "spruce",
"url": "https://copypasteui.dev/components/features/spruce-checklist",
"previewUrl": "https://copypasteui.dev/preview/spruce-checklist",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-checklist.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-checklist.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-checklist.webm#t=0.9",
"installPath": "components/copypasteui/SpruceChecklist.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-checklist.json"
},
{
"slug": "spruce-faq",
"name": "Spruce FAQ & Guarantee",
"description": "Bordered accordion FAQ with a sticky re-clean guarantee card.",
"category": "faq",
"tags": [
"cleaning",
"faq",
"accordion"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-faq.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-faq.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceFaq",
"theme": "spruce",
"url": "https://copypasteui.dev/components/faq/spruce-faq",
"previewUrl": "https://copypasteui.dev/preview/spruce-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-faq.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-faq.webm#t=0.9",
"installPath": "components/copypasteui/SpruceFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-faq.json"
},
{
"slug": "spruce-footer",
"name": "Spruce Footer",
"description": "Cleaning footer with rising bubble animation, services and contact.",
"category": "footer",
"tags": [
"cleaning",
"footer",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceFooter",
"theme": "spruce",
"url": "https://copypasteui.dev/components/footer/spruce-footer",
"previewUrl": "https://copypasteui.dev/preview/spruce-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-footer.webm#t=0.9",
"installPath": "components/copypasteui/SpruceFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-footer.json"
},
{
"slug": "spruce-hero",
"name": "Spruce Cleaning Hero",
"description": "Bubbly cleaning hero with bedroom and bathroom steppers that give an instant price, plus twinkling sparkles.",
"category": "hero",
"tags": [
"cleaning",
"home-services",
"calculator",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceHero",
"theme": "spruce",
"url": "https://copypasteui.dev/components/hero/spruce-hero",
"previewUrl": "https://copypasteui.dev/preview/spruce-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-hero.webm#t=0.9",
"installPath": "components/copypasteui/SpruceHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-hero.json"
},
{
"slug": "spruce-quote",
"name": "Spruce Cleaning Prices",
"description": "Frequency switch that reprices regular cleans alongside fixed-price deep and end-of-tenancy cleans.",
"category": "pricing",
"tags": [
"cleaning",
"pricing",
"toggle"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-quote.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-quote.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceQuote",
"theme": "spruce",
"url": "https://copypasteui.dev/components/pricing/spruce-quote",
"previewUrl": "https://copypasteui.dev/preview/spruce-quote",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-quote.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-quote.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-quote.webm#t=0.9",
"installPath": "components/copypasteui/SpruceQuote.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-quote.json"
},
{
"slug": "spruce-reviews",
"name": "Spruce Reviews & Promises",
"description": "Tilted review cards that straighten on hover plus three service promises.",
"category": "testimonials",
"tags": [
"cleaning",
"reviews",
"trust"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "spruce-cleaning",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spruce-reviews.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spruce-reviews.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpruceReviews",
"theme": "spruce",
"url": "https://copypasteui.dev/components/testimonials/spruce-reviews",
"previewUrl": "https://copypasteui.dev/preview/spruce-reviews",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-reviews.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-reviews.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spruce-reviews.webm#t=0.9",
"installPath": "components/copypasteui/SpruceReviews.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spruce-reviews.json"
},
{
"slug": "still-booking",
"name": "Still Gift Voucher Builder",
"description": "Gift-voucher builder with amount chips and a live voucher card preview with name and message.",
"category": "contact",
"tags": [
"spa",
"gift-card",
"form",
"ecommerce"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-booking.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "StillBooking",
"theme": "still",
"url": "https://copypasteui.dev/components/contact/still-booking",
"previewUrl": "https://copypasteui.dev/preview/still-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-booking.webm#t=0.9",
"installPath": "components/copypasteui/StillBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-booking.json"
},
{
"slug": "still-facilities",
"name": "Still Thermal Suite",
"description": "Bento of pool, sauna, steam and quiet room with temperatures and hover-reveal descriptions.",
"category": "features",
"tags": [
"spa",
"facilities",
"bento",
"features"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-facilities.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-facilities.webm#t=1"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "StillFacilities",
"theme": "still",
"url": "https://copypasteui.dev/components/features/still-facilities",
"previewUrl": "https://copypasteui.dev/preview/still-facilities",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-facilities.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-facilities.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-facilities.webm#t=1",
"installPath": "components/copypasteui/StillFacilities.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-facilities.json"
},
{
"slug": "still-footer",
"name": "Still Footer",
"description": "Minimal centred spa footer with a breathing circle, links and quiet newsletter.",
"category": "footer",
"tags": [
"spa",
"footer",
"minimal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "StillFooter",
"theme": "still",
"url": "https://copypasteui.dev/components/footer/still-footer",
"previewUrl": "https://copypasteui.dev/preview/still-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-footer.webm#t=0.9",
"installPath": "components/copypasteui/StillFooter.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-footer.json"
},
{
"slug": "still-hero",
"name": "Still Spa Hero",
"description": "Calm full-screen spa hero with a breathing-guide circle that expands and contracts, plus booking buttons.",
"category": "hero",
"tags": [
"spa",
"wellness",
"massage",
"calm",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "StillHero",
"theme": "still",
"url": "https://copypasteui.dev/components/hero/still-hero",
"previewUrl": "https://copypasteui.dev/preview/still-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-hero.webm#t=0.9",
"installPath": "components/copypasteui/StillHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-hero.json"
},
{
"slug": "still-memberships",
"name": "Still Ways to Visit",
"description": "Three-tier spa pricing: thermal pass, spa day and membership with a raised featured card.",
"category": "pricing",
"tags": [
"spa",
"pricing",
"membership"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-memberships.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-memberships.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "StillMemberships",
"theme": "still",
"url": "https://copypasteui.dev/components/pricing/still-memberships",
"previewUrl": "https://copypasteui.dev/preview/still-memberships",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-memberships.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-memberships.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-memberships.webm#t=0.9",
"installPath": "components/copypasteui/StillMemberships.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-memberships.json"
},
{
"slug": "still-treatments",
"name": "Still Treatment Menu",
"description": "Treatment list with a 60/90-minute switch that reprices and a sticky photo that follows hover.",
"category": "menu",
"tags": [
"spa",
"menu",
"pricing",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "still-spa",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/still-treatments.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/still-treatments.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "StillTreatments",
"theme": "still",
"url": "https://copypasteui.dev/components/menu/still-treatments",
"previewUrl": "https://copypasteui.dev/preview/still-treatments",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/still-treatments.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/still-treatments.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/still-treatments.webm#t=0.9",
"installPath": "components/copypasteui/StillTreatments.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/still-treatments.json"
},
{
"slug": "tabbed-feature-showcase",
"name": "Tabbed Feature Showcase",
"description": "Feature tabs with a sliding highlight that swap animated product panels: previews, budgets, errors.",
"category": "features",
"tags": [
"tabs",
"developer-tools",
"saas",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/tabbed-feature-showcase.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/tabbed-feature-showcase.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "TabbedFeatureShowcase",
"theme": "paper",
"url": "https://copypasteui.dev/components/features/tabbed-feature-showcase",
"previewUrl": "https://copypasteui.dev/preview/tabbed-feature-showcase",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/tabbed-feature-showcase.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/tabbed-feature-showcase.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/tabbed-feature-showcase.webm#t=0.9",
"installPath": "components/copypasteui/TabbedFeatureShowcase.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/tabbed-feature-showcase.json"
},
{
"slug": "team-grid",
"name": "Team Grid",
"description": "Four-up team with real portraits, each person's patch and direct call and email links.",
"category": "team",
"tags": [
"team",
"agents",
"people",
"about"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/team-grid.jpg"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0"
},
"exportName": "TeamGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/team/team-grid",
"previewUrl": "https://copypasteui.dev/preview/team-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/team-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/team-grid.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/TeamGrid.tsx",
"installCommand": "npm install lucide-react",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/team-grid.json"
},
{
"slug": "terminal-banner-cta",
"name": "Terminal Banner CTA",
"description": "Developer CTA with a terminal that types out a deploy, line by line.",
"category": "cta",
"tags": [
"developer-tools",
"terminal",
"cli",
"typing"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/terminal-banner-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/terminal-banner-cta.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "TerminalBannerCta",
"theme": "paper",
"url": "https://copypasteui.dev/components/cta/terminal-banner-cta",
"previewUrl": "https://copypasteui.dev/preview/terminal-banner-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/terminal-banner-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/terminal-banner-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/terminal-banner-cta.webm#t=0.9",
"installPath": "components/copypasteui/TerminalBannerCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/terminal-banner-cta.json"
},
{
"slug": "thank-you-page",
"name": "Thank You Page",
"description": "Confirmation page after a booking or enquiry: a check that springs in, a reference number, what happens next in three steps, and a call button.",
"category": "pages",
"tags": [
"thank-you",
"confirmation",
"booking",
"page"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"usage": "Give its own page (for example /thank-you) and send people there after the booking or contact form succeeds. Rewrite the three steps to match what really happens next, and pass a real reference number if your form provides one.",
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/thank-you-page.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/thank-you-page.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ThankYouPage",
"theme": "paper",
"url": "https://copypasteui.dev/components/pages/thank-you-page",
"previewUrl": "https://copypasteui.dev/preview/thank-you-page",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/thank-you-page.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/thank-you-page.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/thank-you-page.webm#t=0.9",
"installPath": "components/copypasteui/ThankYouPage.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/thank-you-page.json"
},
{
"slug": "ticket-tiers-pricing",
"name": "Ticket Tiers Pricing",
"description": "Event tickets with notched card shapes, scarcity labels, quantity steppers and a live total.",
"category": "pricing",
"tags": [
"tickets",
"event",
"checkout",
"stepper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/ticket-tiers-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/ticket-tiers-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "TicketTiersPricing",
"theme": "paper",
"url": "https://copypasteui.dev/components/pricing/ticket-tiers-pricing",
"previewUrl": "https://copypasteui.dev/preview/ticket-tiers-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/ticket-tiers-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/ticket-tiers-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/ticket-tiers-pricing.webm#t=0.9",
"installPath": "components/copypasteui/TicketTiersPricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/ticket-tiers-pricing.json"
},
{
"slug": "tilt-cards",
"name": "Tilt Cards",
"description": "3D cards that tilt toward the cursor with a moving glare and layered depth.",
"category": "cards",
"tags": [
"3d",
"tilt",
"glare",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/tilt-cards.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/tilt-cards.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "TiltCards",
"theme": "paper",
"url": "https://copypasteui.dev/components/cards/tilt-cards",
"previewUrl": "https://copypasteui.dev/preview/tilt-cards",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/tilt-cards.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/tilt-cards.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/tilt-cards.webm#t=0.9",
"installPath": "components/copypasteui/TiltCards.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/tilt-cards.json"
},
{
"slug": "verelle-booking",
"name": "Maison Verelle 3-Step Booking",
"description": "Three-step appointment flow — service, stylist, time — with a progress bar and confirmation.",
"category": "contact",
"tags": [
"salon",
"booking",
"wizard",
"appointment"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-booking.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-booking.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleBooking",
"theme": "verelle",
"url": "https://copypasteui.dev/components/contact/verelle-booking",
"previewUrl": "https://copypasteui.dev/preview/verelle-booking",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-booking.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-booking.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-booking.webm#t=0.9",
"installPath": "components/copypasteui/VerelleBooking.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-booking.json"
},
{
"slug": "verelle-footer",
"name": "Maison Verelle Footer",
"description": "Salon footer with address, link grid, gift-card and Instagram pills and a rising wordmark.",
"category": "footer",
"tags": [
"salon",
"footer",
"wordmark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleFooter",
"theme": "verelle",
"url": "https://copypasteui.dev/components/footer/verelle-footer",
"previewUrl": "https://copypasteui.dev/preview/verelle-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-footer.webm#t=0.9",
"installPath": "components/copypasteui/VerelleFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-footer.json"
},
{
"slug": "verelle-hero",
"name": "Maison Verelle Salon Hero",
"description": "Editorial salon hero with oversized display headline, arched stylist photo, rating and next-available slots.",
"category": "hero",
"tags": [
"salon",
"beauty",
"hair",
"booking",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleHero",
"theme": "verelle",
"url": "https://copypasteui.dev/components/hero/verelle-hero",
"previewUrl": "https://copypasteui.dev/preview/verelle-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-hero.webm#t=0.9",
"installPath": "components/copypasteui/VerelleHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-hero.json"
},
{
"slug": "verelle-services",
"name": "Maison Verelle Price List",
"description": "Salon service menu with category tabs and a stylist-level switch that reprices every service.",
"category": "pricing",
"tags": [
"salon",
"pricing",
"menu",
"tabs"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-services.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-services.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleServices",
"theme": "verelle",
"url": "https://copypasteui.dev/components/pricing/verelle-services",
"previewUrl": "https://copypasteui.dev/preview/verelle-services",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-services.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-services.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-services.webm#t=0.9",
"installPath": "components/copypasteui/VerelleServices.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-services.json"
},
{
"slug": "verelle-stylists",
"name": "Maison Verelle Stylists",
"description": "Staggered stylist cards with arched portraits that colour on hover and reveal a book-with button.",
"category": "team",
"tags": [
"salon",
"team",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-stylists.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-stylists.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleStylists",
"theme": "verelle",
"url": "https://copypasteui.dev/components/team/verelle-stylists",
"previewUrl": "https://copypasteui.dev/preview/verelle-stylists",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-stylists.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-stylists.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-stylists.webm#t=0.9",
"installPath": "components/copypasteui/VerelleStylists.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-stylists.json"
},
{
"slug": "verelle-work",
"name": "Maison Verelle Our Work",
"description": "Masonry portfolio with tagged looks, sticky client quote and a lightbox.",
"category": "gallery",
"tags": [
"salon",
"gallery",
"masonry",
"lightbox"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "verelle-salon",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/verelle-work.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/verelle-work.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "VerelleWork",
"theme": "verelle",
"url": "https://copypasteui.dev/components/gallery/verelle-work",
"previewUrl": "https://copypasteui.dev/preview/verelle-work",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-work.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-work.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/verelle-work.webm#t=0.9",
"installPath": "components/copypasteui/VerelleWork.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/verelle-work.json"
},
{
"slug": "vertical-timeline",
"name": "Vertical Timeline",
"description": "Alternating timeline whose progress line fills as you scroll. Great for experience or history.",
"category": "how-it-works",
"tags": [
"timeline",
"resume",
"history",
"scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/vertical-timeline.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/vertical-timeline.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "VerticalTimeline",
"theme": "paper",
"url": "https://copypasteui.dev/components/how-it-works/vertical-timeline",
"previewUrl": "https://copypasteui.dev/preview/vertical-timeline",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/vertical-timeline.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/vertical-timeline.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/vertical-timeline.webm#t=0.9",
"installPath": "components/copypasteui/VerticalTimeline.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/vertical-timeline.json"
},
{
"slug": "warp-starfield-background",
"name": "Warp Starfield Background",
"description": "Hyperspace star streaks from a cursor-steered vanishing point. Hold the pointer to jump.",
"category": "background",
"tags": [
"space",
"stars",
"canvas",
"interactive",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": null,
"previewTheme": "ocean",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/warp-starfield-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/warp-starfield-background.webm#t=1"
},
"usesPhotos": false,
"dependencies": {},
"exportName": "WarpStarfieldBackground",
"theme": "ocean",
"url": "https://copypasteui.dev/components/background/warp-starfield-background",
"previewUrl": "https://copypasteui.dev/preview/warp-starfield-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/warp-starfield-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/warp-starfield-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/warp-starfield-background.webm#t=1",
"installPath": "components/copypasteui/WarpStarfieldBackground.tsx",
"installCommand": null,
"shadcnUrl": "https://copypasteui.dev/r/shadcn/warp-starfield-background.json"
},
{
"slug": "wrenhollow-couples",
"name": "Wrenhollow Couple Stories",
"description": "Couple testimonial slider with sliding photos, italic quotes and awards line.",
"category": "testimonials",
"tags": [
"wedding",
"reviews",
"slider"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-couples.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-couples.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WrenhollowCouples",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/testimonials/wrenhollow-couples",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-couples",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-couples.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-couples.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-couples.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowCouples.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-couples.json"
},
{
"slug": "wrenhollow-day",
"name": "Wrenhollow Wedding Day Timeline",
"description": "Hour-by-hour wedding-day timeline with a scroll-drawn line and alternating photos.",
"category": "how-it-works",
"tags": [
"wedding",
"timeline",
"scroll",
"events"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-day.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-day.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "WrenhollowDay",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/how-it-works/wrenhollow-day",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-day",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-day.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-day.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-day.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowDay.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-day.json"
},
{
"slug": "wrenhollow-footer",
"name": "Wrenhollow Footer",
"description": "Photo-strip footer with centred wordmark, links, contact details and open-day note.",
"category": "footer",
"tags": [
"wedding",
"footer",
"instagram"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-footer.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WrenhollowFooter",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/footer/wrenhollow-footer",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-footer.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-footer.json"
},
{
"slug": "wrenhollow-hero",
"name": "Wrenhollow Venue Hero",
"description": "Elegant venue hero with centred serif headline, three arched photos and a booking-status rule.",
"category": "hero",
"tags": [
"wedding",
"venue",
"events",
"serif",
"photography"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-hero.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WrenhollowHero",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/hero/wrenhollow-hero",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-hero.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-hero.json"
},
{
"slug": "wrenhollow-pricing",
"name": "Wrenhollow Price Builder",
"description": "Wedding guide-price builder with season, weekday and guest-count slider and inclusions.",
"category": "pricing",
"tags": [
"wedding",
"pricing",
"calculator",
"venue"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": true,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "WrenhollowPricing",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/pricing/wrenhollow-pricing",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-pricing.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowPricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-pricing.json"
},
{
"slug": "wrenhollow-spaces",
"name": "Wrenhollow Spaces List",
"description": "Hover list of venue spaces that swaps an arched photo and reveals capacity and description.",
"category": "gallery",
"tags": [
"wedding",
"venue",
"gallery",
"hover"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-21",
"featured": false,
"collection": "wrenhollow-weddings",
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-spaces.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-spaces.webm#t=0.9"
},
"usesPhotos": true,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "WrenhollowSpaces",
"theme": "wrenhollow",
"url": "https://copypasteui.dev/components/gallery/wrenhollow-spaces",
"previewUrl": "https://copypasteui.dev/preview/wrenhollow-spaces",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-spaces.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-spaces.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/wrenhollow-spaces.webm#t=0.9",
"installPath": "components/copypasteui/WrenhollowSpaces.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/wrenhollow-spaces.json"
},
{
"slug": "aurora-background",
"name": "Aurora Background",
"description": "Drifting, blurred colour fields that follow your theme. Wraps any children.",
"category": "background",
"tags": [
"aurora",
"gradient",
"animated",
"wrapper"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": "sunset",
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/aurora-background.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/aurora-background.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "AuroraBackground",
"theme": "sunset",
"url": "https://copypasteui.dev/components/background/aurora-background",
"previewUrl": "https://copypasteui.dev/preview/aurora-background",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-background.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-background.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/aurora-background.webm#t=0.9",
"installPath": "components/copypasteui/AuroraBackground.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/aurora-background.json"
},
{
"slug": "bento-feature-grid",
"name": "Bento Feature Grid",
"description": "Asymmetric bento grid of feature tiles with scroll-reveal, hover lift and an animated bar chart.",
"category": "features",
"tags": [
"bento",
"grid",
"saas",
"scroll-reveal"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/bento-feature-grid.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/bento-feature-grid.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BentoFeatureGrid",
"theme": "paper",
"url": "https://copypasteui.dev/components/features/bento-feature-grid",
"previewUrl": "https://copypasteui.dev/preview/bento-feature-grid",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/bento-feature-grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/bento-feature-grid.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/bento-feature-grid.webm#t=0.9",
"installPath": "components/copypasteui/BentoFeatureGrid.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/bento-feature-grid.json"
},
{
"slug": "big-wordmark-footer",
"name": "Big Wordmark Footer",
"description": "Inverted footer with newsletter form, link columns, socials and a giant rising wordmark.",
"category": "footer",
"tags": [
"footer",
"newsletter",
"wordmark",
"dark"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/big-wordmark-footer.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/big-wordmark-footer.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "BigWordmarkFooter",
"theme": "paper",
"url": "https://copypasteui.dev/components/footer/big-wordmark-footer",
"previewUrl": "https://copypasteui.dev/preview/big-wordmark-footer",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/big-wordmark-footer.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/big-wordmark-footer.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/big-wordmark-footer.webm#t=0.9",
"installPath": "components/copypasteui/BigWordmarkFooter.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/big-wordmark-footer.json"
},
{
"slug": "connected-steps",
"name": "Connected Steps",
"description": "Three numbered steps joined by a dashed line that draws itself on scroll, written for a bike workshop.",
"category": "how-it-works",
"tags": [
"steps",
"process",
"onboarding"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/connected-steps.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/connected-steps.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ConnectedSteps",
"theme": "paper",
"url": "https://copypasteui.dev/components/how-it-works/connected-steps",
"previewUrl": "https://copypasteui.dev/preview/connected-steps",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/connected-steps.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/connected-steps.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/connected-steps.webm#t=0.9",
"installPath": "components/copypasteui/ConnectedSteps.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/connected-steps.json"
},
{
"slug": "count-up-stats",
"name": "Count-Up Stats",
"description": "Four headline metrics in a hairline grid that count up when scrolled into view.",
"category": "stats",
"tags": [
"metrics",
"numbers",
"count-up"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/count-up-stats.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/count-up-stats.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "CountUpStats",
"theme": "paper",
"url": "https://copypasteui.dev/components/stats/count-up-stats",
"previewUrl": "https://copypasteui.dev/preview/count-up-stats",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/count-up-stats.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/count-up-stats.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/count-up-stats.webm#t=0.9",
"installPath": "components/copypasteui/CountUpStats.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/count-up-stats.json"
},
{
"slug": "editorial-split-hero",
"name": "Editorial Split Hero",
"description": "Magazine-style two-column hero with serif headline, social proof avatars and an animated case-study card.",
"category": "hero",
"tags": [
"agency",
"studio",
"serif",
"split",
"social-proof"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/editorial-split-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/editorial-split-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "EditorialSplitHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/editorial-split-hero",
"previewUrl": "https://copypasteui.dev/preview/editorial-split-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/editorial-split-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/editorial-split-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/editorial-split-hero.webm#t=0.9",
"installPath": "components/copypasteui/EditorialSplitHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/editorial-split-hero.json"
},
{
"slug": "floating-pill-navbar",
"name": "Floating Pill Navbar",
"description": "Sticky pill-shaped navbar that turns frosted glass on scroll, with an animated mobile sheet.",
"category": "navbar",
"tags": [
"sticky",
"glass",
"mobile-menu",
"saas"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/floating-pill-navbar.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/floating-pill-navbar.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "FloatingPillNavbar",
"theme": "paper",
"url": "https://copypasteui.dev/components/navbar/floating-pill-navbar",
"previewUrl": "https://copypasteui.dev/preview/floating-pill-navbar",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/floating-pill-navbar.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/floating-pill-navbar.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/floating-pill-navbar.webm#t=0.9",
"installPath": "components/copypasteui/FloatingPillNavbar.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/floating-pill-navbar.json"
},
{
"slug": "marquee-logo-cloud",
"name": "Marquee Logo Cloud",
"description": "Infinite, edge-faded marquee of customer wordmarks. Swap in your own logos.",
"category": "logos",
"tags": [
"marquee",
"social-proof",
"infinite-scroll"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/marquee-logo-cloud.jpg"
},
"usesPhotos": false,
"dependencies": {
"motion": ">=12.0.0"
},
"exportName": "MarqueeLogoCloud",
"theme": "paper",
"url": "https://copypasteui.dev/components/logos/marquee-logo-cloud",
"previewUrl": "https://copypasteui.dev/preview/marquee-logo-cloud",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/marquee-logo-cloud.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/marquee-logo-cloud.jpg",
"previewVideoUrl": null,
"installPath": "components/copypasteui/MarqueeLogoCloud.tsx",
"installCommand": "npm install motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/marquee-logo-cloud.json"
},
{
"slug": "masonry-testimonials",
"name": "Masonry Testimonials",
"description": "Responsive masonry wall of quote cards with a highlighted feature quote and staggered reveal.",
"category": "testimonials",
"tags": [
"masonry",
"quotes",
"social-proof"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/masonry-testimonials.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/masonry-testimonials.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "MasonryTestimonials",
"theme": "paper",
"url": "https://copypasteui.dev/components/testimonials/masonry-testimonials",
"previewUrl": "https://copypasteui.dev/preview/masonry-testimonials",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/masonry-testimonials.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/masonry-testimonials.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/masonry-testimonials.webm#t=0.9",
"installPath": "components/copypasteui/MasonryTestimonials.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/masonry-testimonials.json"
},
{
"slug": "orbit-glow-hero",
"name": "Orbit Rings Hero",
"description": "Developer-tool hero with slow dashed orbit rings, a plain-spoken headline, an install command and a live job list.",
"category": "hero",
"tags": [
"saas",
"developer-tools",
"ai",
"glow",
"animated"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/orbit-glow-hero.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/orbit-glow-hero.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "OrbitGlowHero",
"theme": "paper",
"url": "https://copypasteui.dev/components/hero/orbit-glow-hero",
"previewUrl": "https://copypasteui.dev/preview/orbit-glow-hero",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/orbit-glow-hero.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/orbit-glow-hero.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/orbit-glow-hero.webm#t=0.9",
"installPath": "components/copypasteui/OrbitGlowHero.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/orbit-glow-hero.json"
},
{
"slug": "split-accordion-faq",
"name": "Split Accordion FAQ",
"description": "Sticky heading on the left, smooth height-animated accordion on the right.",
"category": "faq",
"tags": [
"accordion",
"faq",
"sticky"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": false,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/split-accordion-faq.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/split-accordion-faq.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SplitAccordionFaq",
"theme": "paper",
"url": "https://copypasteui.dev/components/faq/split-accordion-faq",
"previewUrl": "https://copypasteui.dev/preview/split-accordion-faq",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/split-accordion-faq.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/split-accordion-faq.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/split-accordion-faq.webm#t=0.9",
"installPath": "components/copypasteui/SplitAccordionFaq.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/split-accordion-faq.json"
},
{
"slug": "spotlight-cta",
"name": "Spotlight CTA",
"description": "Call-to-action card with a cursor-following spotlight, written for a climbing gym's free taster.",
"category": "cta",
"tags": [
"spotlight",
"cursor",
"grid",
"interactive"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/spotlight-cta.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/spotlight-cta.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "SpotlightCta",
"theme": "paper",
"url": "https://copypasteui.dev/components/cta/spotlight-cta",
"previewUrl": "https://copypasteui.dev/preview/spotlight-cta",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/spotlight-cta.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/spotlight-cta.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/spotlight-cta.webm#t=0.9",
"installPath": "components/copypasteui/SpotlightCta.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/spotlight-cta.json"
},
{
"slug": "toggle-tier-pricing",
"name": "Toggle Tier Pricing",
"description": "Three pricing tiers with a sliding monthly/yearly switch, rolling price animation and a lifted popular plan.",
"category": "pricing",
"tags": [
"pricing",
"toggle",
"saas",
"tiers"
],
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"license": "PolyForm-Shield-1.0.0",
"createdAt": "2026-10-20",
"featured": true,
"collection": null,
"previewTheme": null,
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/components/toggle-tier-pricing.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/components/toggle-tier-pricing.webm#t=0.9"
},
"usesPhotos": false,
"dependencies": {
"lucide-react": ">=0.400.0",
"motion": ">=12.0.0"
},
"exportName": "ToggleTierPricing",
"theme": "paper",
"url": "https://copypasteui.dev/components/pricing/toggle-tier-pricing",
"previewUrl": "https://copypasteui.dev/preview/toggle-tier-pricing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/components/toggle-tier-pricing.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/components/toggle-tier-pricing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/components/toggle-tier-pricing.webm#t=0.9",
"installPath": "components/copypasteui/ToggleTierPricing.tsx",
"installCommand": "npm install lucide-react motion",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/toggle-tier-pricing.json"
}
],
"themes": [
{
"slug": "acorns",
"name": "Little Acorns",
"description": "Cream, tomato, sunshine and leaf green with Baloo 2 and Nunito. Nurseries, preschools, childminders, kids’ clubs.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Nunito', ui-sans-serif, system-ui, sans-serif",
"display": "'Baloo 2', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Nunito:wght@400;600;700;800",
"Baloo+2:wght@600;700;800"
]
},
"light": {
"background": "#fff9ef",
"foreground": "#2b2118",
"card": "#ffffff",
"card-foreground": "#2b2118",
"primary": "#be3b24",
"primary-foreground": "#ffffff",
"secondary": "#ffe9b8",
"secondary-foreground": "#2b2118",
"muted": "#fbf0dc",
"muted-foreground": "#6b5b4c",
"accent": "#3f7a30",
"accent-foreground": "#ffffff",
"border": "#f0e1c6",
"ring": "#be3b24"
},
"dark": {
"background": "#1a140e",
"foreground": "#fbf1e2",
"card": "#231b14",
"card-foreground": "#fbf1e2",
"primary": "#ff8a6b",
"primary-foreground": "#3a0e04",
"secondary": "#3a2e1c",
"secondary-foreground": "#fbf1e2",
"muted": "#2a2018",
"muted-foreground": "#c2b09c",
"accent": "#8fcf7a",
"accent-foreground": "#132a0c",
"border": "#3d3024",
"ring": "#ff8a6b"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/acorns.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Baloo+2:wght@600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-acorns.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/acorns.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/acorns.jpg"
},
{
"slug": "aether",
"name": "Aether",
"description": "Black space with a burnt-orange horizon and a technical grotesk. For deep-tech products that want drama without the purple glow.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Instrument Sans', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"IBM+Plex+Sans:wght@400;500;600",
"Instrument+Sans:wght@500;600;700"
]
},
"light": {
"background": "#06070e",
"foreground": "#eef0ff",
"card": "#0d0f1c",
"card-foreground": "#eef0ff",
"primary": "#ff7a3d",
"primary-foreground": "#0b0720",
"secondary": "#161a2e",
"secondary-foreground": "#eef0ff",
"muted": "#12152a",
"muted-foreground": "#9aa0c3",
"accent": "#ffd9a8",
"accent-foreground": "#021a22",
"border": "#22263f",
"ring": "#ff7a3d"
},
"dark": {
"background": "#04050a",
"foreground": "#f2f3ff",
"card": "#0a0c18",
"card-foreground": "#f2f3ff",
"primary": "#ff8a50",
"primary-foreground": "#0b0720",
"secondary": "#141729",
"secondary-foreground": "#f2f3ff",
"muted": "#0f1224",
"muted-foreground": "#a3a9cc",
"accent": "#ffd9a8",
"accent-foreground": "#021a22",
"border": "#1d2138",
"ring": "#ff8a50"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/aether.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Instrument+Sans:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-aether.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/aether.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/aether.jpg"
},
{
"slug": "brightline",
"name": "Brightline",
"description": "Clinical white, teal and mint with Red Hat Display and Red Hat Text. Dentists, clinics, opticians.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Red Hat Text', ui-sans-serif, system-ui, sans-serif",
"display": "'Red Hat Display', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Red+Hat+Text:wght@400;500;600;700",
"Red+Hat+Display:wght@500;700;900"
]
},
"light": {
"background": "#f5f9f9",
"foreground": "#0e2a2e",
"card": "#ffffff",
"card-foreground": "#0e2a2e",
"primary": "#0b6e74",
"primary-foreground": "#ffffff",
"secondary": "#dff2ef",
"secondary-foreground": "#0e2a2e",
"muted": "#e9f1f1",
"muted-foreground": "#4f6668",
"accent": "#9ee6d0",
"accent-foreground": "#0e2a2e",
"border": "#d5e3e3",
"ring": "#0b6e74"
},
"dark": {
"background": "#081719",
"foreground": "#e6f3f3",
"card": "#0e2124",
"card-foreground": "#e6f3f3",
"primary": "#5fd3d1",
"primary-foreground": "#03282a",
"secondary": "#16302f",
"secondary-foreground": "#e6f3f3",
"muted": "#11262a",
"muted-foreground": "#9bb7b9",
"accent": "#9ee6d0",
"accent-foreground": "#0e2a2e",
"border": "#1d3639",
"ring": "#5fd3d1"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/brightline.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;500;600;700&family=Red+Hat+Display:wght@500;700;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-brightline.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/brightline.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/brightline.jpg"
},
{
"slug": "canopy",
"name": "Canopy",
"description": "Rainforest green, sand and brass with Marcellus and Work Sans. Resorts, eco-lodges, retreats.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Work Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Marcellus', ui-serif, Georgia, serif",
"googleFonts": [
"Work+Sans:wght@300;400;500;600",
"Marcellus"
]
},
"light": {
"background": "#f3eee3",
"foreground": "#13261c",
"card": "#faf7f0",
"card-foreground": "#13261c",
"primary": "#1d4a34",
"primary-foreground": "#f3eee3",
"secondary": "#e3dccb",
"secondary-foreground": "#13261c",
"muted": "#e9e3d4",
"muted-foreground": "#4e5d52",
"accent": "#d6a25a",
"accent-foreground": "#13261c",
"border": "#d6ceba",
"ring": "#1d4a34"
},
"dark": {
"background": "#0d1712",
"foreground": "#ece6d7",
"card": "#13211a",
"card-foreground": "#ece6d7",
"primary": "#9fd1b0",
"primary-foreground": "#0b2016",
"secondary": "#1c2c23",
"secondary-foreground": "#ece6d7",
"muted": "#16241d",
"muted-foreground": "#a0ada3",
"accent": "#d6a25a",
"accent-foreground": "#13261c",
"border": "#26362d",
"ring": "#9fd1b0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/canopy.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&family=Marcellus&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-canopy.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/canopy.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/canopy.jpg"
},
{
"slug": "chalk",
"name": "Chalk",
"description": "White, near-black and nothing else, with Geist headings set medium and tight. For software, studios and services that want a quiet, modern look.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "500",
"headingTracking": "tighter",
"headingSize": "default",
"buttons": "default",
"label": "Minimal"
},
"fonts": {
"sans": "'Geist', ui-sans-serif, system-ui, sans-serif",
"display": "'Geist', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Geist:wght@400;500;600;700"
]
},
"light": {
"background": "#ffffff",
"foreground": "#0a0a0a",
"card": "#ffffff",
"card-foreground": "#0a0a0a",
"primary": "#0a0a0a",
"primary-foreground": "#ffffff",
"secondary": "#f4f4f5",
"secondary-foreground": "#18181b",
"muted": "#f4f4f5",
"muted-foreground": "#52525b",
"accent": "#e4e4e7",
"accent-foreground": "#18181b",
"border": "#e4e4e7",
"ring": "#0a0a0a"
},
"dark": {
"background": "#0a0a0a",
"foreground": "#fafafa",
"card": "#111113",
"card-foreground": "#fafafa",
"primary": "#fafafa",
"primary-foreground": "#0a0a0a",
"secondary": "#1a1a1d",
"secondary-foreground": "#fafafa",
"muted": "#18181b",
"muted-foreground": "#a1a1aa",
"accent": "#27272a",
"accent-foreground": "#fafafa",
"border": "#27272a",
"ring": "#fafafa"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/chalk.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Headings: weight 500, tighter letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.05em;\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-chalk.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/chalk.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/chalk.jpg"
},
{
"slug": "chrome",
"name": "Chrome",
"description": "Silver, lilac and electric violet, wide Michroma headings, glossy pressable buttons with round ends. Y2K retro-futurism for music, nightlife, fashion and tech launches.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "tactile",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "400",
"headingTracking": "tight",
"headingSize": "large",
"buttons": "pill",
"label": "Y2K chrome"
},
"fonts": {
"sans": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"display": "'Michroma', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Michroma",
"Manrope:wght@400;500;600;700"
]
},
"light": {
"background": "#e4e6ee",
"foreground": "#0e0f1a",
"card": "#f6f7fb",
"card-foreground": "#0e0f1a",
"primary": "#3b2bff",
"primary-foreground": "#ffffff",
"secondary": "#d9dcea",
"secondary-foreground": "#0e0f1a",
"muted": "#dcdfea",
"muted-foreground": "#4b4f66",
"accent": "#d6c8ff",
"accent-foreground": "#1b1240",
"border": "#c3c7d8",
"ring": "#3b2bff"
},
"dark": {
"background": "#0a0b13",
"foreground": "#e8eaf3",
"card": "#151726",
"card-foreground": "#e8eaf3",
"primary": "#8f84ff",
"primary-foreground": "#0a0b13",
"secondary": "#1a1c2e",
"secondary-foreground": "#e8eaf3",
"muted": "#161829",
"muted-foreground": "#a2a6bf",
"accent": "#3a2d6b",
"accent-foreground": "#e8eaf3",
"border": "#2a2d44",
"ring": "#8f84ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/chrome.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Michroma&family=Manrope:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 1px -0px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-xs": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 2px -1px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-sm": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 4px -1px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-md": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 3px 8px -2px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-lg": "inset 0 1px 0 var(--style-highlight), inset 0 -2px 0 var(--style-lowlight), 0 4px 12px -3px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-xl": "inset 0 1px 0 var(--style-highlight), inset 0 -3px 0 var(--style-lowlight), 0 6px 18px -5px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-2xl": "inset 0 1px 0 var(--style-highlight), inset 0 -4px 0 var(--style-lowlight), 0 8px 24px -6px color-mix(in srgb, var(--foreground) 22%, transparent)"
},
"styleRules": "/* Headings: large. Page and section headings only, not those inside cards, dialogs, navigation or footers. */\n:is(h1, h2):not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n line-height: 1;\n text-wrap: balance;\n}\nh1:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2.5rem, 6vw, 5rem);\n}\nh2:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2rem, 4.2vw, 3.25rem);\n}\n\n/* Pill buttons: padded, rounded links and buttons get fully round ends; cards keep the theme radius. */\n:is(a, button):is([class*=\"rounded\"]):is([class^=\"px-\"], [class*=\" px-\"], [class^=\"p-\"], [class*=\" p-\"]):not([class*=\"rounded-none\"]) {\n border-radius: 999px;\n}\n\n/* Headings: weight 400, tight letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 400;\n letter-spacing: -0.015em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 400;\n letter-spacing: -0.03em;\n}\n\n/* Tactile light: a highlight and a lowlight that suit each mode. */\n:root {\n --style-highlight: rgb(255 255 255 / 0.7);\n --style-lowlight: color-mix(in srgb, var(--foreground) 12%, transparent);\n}\n.dark {\n --style-highlight: rgb(255 255 255 / 0.09);\n --style-lowlight: rgb(0 0 0 / 0.45);\n}\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n box-shadow: var(--shadow-md);\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-chrome.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/chrome.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/chrome.jpg"
},
{
"slug": "cinderwick",
"name": "Cinderwick",
"description": "Dark roast, crema and steamed-milk cream with Fraunces and DM Sans. Cafés, roasteries, bakeries.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Fraunces', ui-serif, Georgia, serif",
"googleFonts": [
"DM+Sans:wght@400;500;600;700",
"Fraunces:opsz,wght@9..144,400;9..144,600;9..144,800"
]
},
"light": {
"background": "#f4ece1",
"foreground": "#24170f",
"card": "#fbf6ef",
"card-foreground": "#24170f",
"primary": "#3b2417",
"primary-foreground": "#f8efe2",
"secondary": "#e8d9c4",
"secondary-foreground": "#24170f",
"muted": "#ece1d1",
"muted-foreground": "#6b5747",
"accent": "#c8894f",
"accent-foreground": "#24170f",
"border": "#dccbb4",
"ring": "#3b2417"
},
"dark": {
"background": "#16100b",
"foreground": "#f2e7d8",
"card": "#1f1610",
"card-foreground": "#f2e7d8",
"primary": "#e0a66b",
"primary-foreground": "#1d1007",
"secondary": "#2c2018",
"secondary-foreground": "#f2e7d8",
"muted": "#261c15",
"muted-foreground": "#b3a08d",
"accent": "#c8894f",
"accent-foreground": "#1a0f06",
"border": "#382a20",
"ring": "#e0a66b"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/cinderwick.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-cinderwick.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/cinderwick.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/cinderwick.jpg"
},
{
"slug": "citrus",
"name": "Citrus",
"description": "Sunny tangerine and lemon on warm white. Cheerful and appetising — food, e-commerce and kids' brands.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Rubik', ui-sans-serif, system-ui, sans-serif",
"display": "'Syne', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Rubik:wght@400;500;700",
"Syne:wght@700;800"
]
},
"light": {
"background": "#fffbf2",
"foreground": "#2a1a05",
"card": "#ffffff",
"card-foreground": "#2a1a05",
"primary": "#c0400c",
"primary-foreground": "#ffffff",
"secondary": "#fff0d1",
"secondary-foreground": "#3d2606",
"muted": "#fff3dc",
"muted-foreground": "#7a6142",
"accent": "#ffe066",
"accent-foreground": "#3d2f00",
"border": "#f5e2bd",
"ring": "#c0400c"
},
"dark": {
"background": "#170f05",
"foreground": "#fff2dd",
"card": "#21160a",
"card-foreground": "#fff2dd",
"primary": "#ff8a3d",
"primary-foreground": "#2a1000",
"secondary": "#2f2110",
"secondary-foreground": "#fff2dd",
"muted": "#2a1d0e",
"muted-foreground": "#c2a785",
"accent": "#5c4a00",
"accent-foreground": "#ffe680",
"border": "#3d2c15",
"ring": "#ff8a3d"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/citrus.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&family=Syne:wght@700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-citrus.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/citrus.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/citrus.jpg"
},
{
"slug": "cobalt",
"name": "Cobalt",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "500",
"headingTracking": "tighter",
"headingSize": "default",
"buttons": "default",
"label": "Minimal"
},
"fonts": {
"sans": "'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Plus+Jakarta+Sans:wght@400;500;600;700"
]
},
"light": {
"background": "#f8fafc",
"foreground": "#0b1220",
"card": "#ffffff",
"card-foreground": "#0b1220",
"primary": "#1d4ed8",
"primary-foreground": "#ffffff",
"secondary": "#eef2f7",
"secondary-foreground": "#0f172a",
"muted": "#eef2f7",
"muted-foreground": "#475569",
"accent": "#dbeafe",
"accent-foreground": "#1e3a8a",
"border": "#e2e8f0",
"ring": "#1d4ed8"
},
"dark": {
"background": "#04060c",
"foreground": "#e6ebf5",
"card": "#0a0f1c",
"card-foreground": "#e6ebf5",
"primary": "#60a5fa",
"primary-foreground": "#04101f",
"secondary": "#0f1626",
"secondary-foreground": "#e6ebf5",
"muted": "#0d1322",
"muted-foreground": "#8b97b0",
"accent": "#13213d",
"accent-foreground": "#bfdbfe",
"border": "#182033",
"ring": "#60a5fa"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/cobalt.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Headings: weight 500, tighter letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.05em;\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-cobalt.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/cobalt.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/cobalt.jpg"
},
{
"slug": "common-ground",
"name": "Common Ground",
"description": "Warm white, deep harbour blue and coral with Literata and Atkinson Hyperlegible. Charities, nonprofits, community groups, churches.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Atkinson Hyperlegible', ui-sans-serif, system-ui, sans-serif",
"display": "'Literata', ui-serif, Georgia, serif",
"googleFonts": [
"Atkinson+Hyperlegible:wght@400;700",
"Literata:opsz,wght@7..72,600;7..72,800"
]
},
"light": {
"background": "#fbf8f3",
"foreground": "#14213a",
"card": "#ffffff",
"card-foreground": "#14213a",
"primary": "#173f73",
"primary-foreground": "#ffffff",
"secondary": "#ffe1d6",
"secondary-foreground": "#14213a",
"muted": "#f2eee6",
"muted-foreground": "#545d6e",
"accent": "#c2412a",
"accent-foreground": "#ffffff",
"border": "#e3ddd2",
"ring": "#173f73"
},
"dark": {
"background": "#0c1424",
"foreground": "#f2efe9",
"card": "#131d31",
"card-foreground": "#f2efe9",
"primary": "#8fb6ff",
"primary-foreground": "#0a1f45",
"secondary": "#3a2524",
"secondary-foreground": "#f2efe9",
"muted": "#18233a",
"muted-foreground": "#a6adbd",
"accent": "#ff8a70",
"accent-foreground": "#2a0b04",
"border": "#24304a",
"ring": "#8fb6ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/common-ground.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Literata:opsz,wght@7..72,600;7..72,800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-common-ground.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/common-ground.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/common-ground.jpg"
},
{
"slug": "crumb",
"name": "Crumb",
"description": "Butter cream, strawberry and crust brown with Young Serif and Outfit. Bakeries, patisseries, dessert shops.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Outfit', ui-sans-serif, system-ui, sans-serif",
"display": "'Young Serif', ui-serif, Georgia, serif",
"googleFonts": [
"Outfit:wght@400;500;600;700",
"Young+Serif"
]
},
"light": {
"background": "#fdf6ea",
"foreground": "#2f1d13",
"card": "#fffbf4",
"card-foreground": "#2f1d13",
"primary": "#7b3a1f",
"primary-foreground": "#fff6ea",
"secondary": "#f8e3cf",
"secondary-foreground": "#2f1d13",
"muted": "#f6ecdd",
"muted-foreground": "#6f5646",
"accent": "#f4b9a6",
"accent-foreground": "#2f1d13",
"border": "#ecdcc6",
"ring": "#7b3a1f"
},
"dark": {
"background": "#1a110c",
"foreground": "#f6eadb",
"card": "#231811",
"card-foreground": "#f6eadb",
"primary": "#f0a98f",
"primary-foreground": "#2a1309",
"secondary": "#33241a",
"secondary-foreground": "#f6eadb",
"muted": "#2a1d15",
"muted-foreground": "#bfa894",
"accent": "#f4b9a6",
"accent-foreground": "#2f1d13",
"border": "#3c2b20",
"ring": "#f0a98f"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/crumb.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Young+Serif&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-crumb.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/crumb.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/crumb.jpg"
},
{
"slug": "dopamine",
"name": "Dopamine",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.75rem",
"style": {
"shadow": "soft",
"border": "2px",
"surface": "solid",
"texture": "none",
"motion": "lively",
"headingWeight": "400",
"headingTracking": "default",
"headingSize": "large",
"buttons": "pill",
"label": "Dopamine"
},
"fonts": {
"sans": "'Outfit', ui-sans-serif, system-ui, sans-serif",
"display": "'Dela Gothic One', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Dela+Gothic+One",
"Outfit:wght@400;500;600;700"
]
},
"light": {
"background": "#fff4e0",
"foreground": "#1d0b3f",
"card": "#ffffff",
"card-foreground": "#1d0b3f",
"primary": "#b30d4a",
"primary-foreground": "#ffffff",
"secondary": "#7ef0c8",
"secondary-foreground": "#1d0b3f",
"muted": "#ffe9c2",
"muted-foreground": "#5a4778",
"accent": "#ffd23f",
"accent-foreground": "#1d0b3f",
"border": "#1d0b3f",
"ring": "#b30d4a"
},
"dark": {
"background": "#1a0b33",
"foreground": "#fff4e0",
"card": "#26124a",
"card-foreground": "#fff4e0",
"primary": "#ff5c93",
"primary-foreground": "#1a0b33",
"secondary": "#0f2a24",
"secondary-foreground": "#fff4e0",
"muted": "#2a1652",
"muted-foreground": "#c9b8e8",
"accent": "#ffd23f",
"accent-foreground": "#1a0b33",
"border": "#4a3380",
"ring": "#ff5c93"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/dopamine.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Outfit:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "2px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Headings: large. Page and section headings only, not those inside cards, dialogs, navigation or footers. */\n:is(h1, h2):not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n line-height: 1;\n text-wrap: balance;\n}\nh1:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2.5rem, 6vw, 5rem);\n}\nh2:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2rem, 4.2vw, 3.25rem);\n}\n\n/* Pill buttons: padded, rounded links and buttons get fully round ends; cards keep the theme radius. */\n:is(a, button):is([class*=\"rounded\"]):is([class^=\"px-\"], [class*=\" px-\"], [class^=\"p-\"], [class*=\" p-\"]):not([class*=\"rounded-none\"]) {\n border-radius: 999px;\n}\n\n/* Headings: weight 400. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 400;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 400;\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-dopamine.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/dopamine.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/dopamine.jpg"
},
{
"slug": "espresso",
"name": "Espresso",
"description": "Roasted browns, crema and a terracotta accent with a classic serif. Made for restaurants, cafés and craft brands.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.375rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Lora', ui-serif, Georgia, serif",
"display": "'Playfair Display', ui-serif, Georgia, serif",
"googleFonts": [
"Lora:wght@400;500;600",
"Playfair+Display:wght@600;700;800"
]
},
"light": {
"background": "#f7f1e8",
"foreground": "#2b1d14",
"card": "#fffaf3",
"card-foreground": "#2b1d14",
"primary": "#9a4f2d",
"primary-foreground": "#fffaf3",
"secondary": "#ecdfcc",
"secondary-foreground": "#3d2a1d",
"muted": "#efe5d6",
"muted-foreground": "#6e5a4a",
"accent": "#d9b88f",
"accent-foreground": "#3b2410",
"border": "#e0d2bd",
"ring": "#9a4f2d"
},
"dark": {
"background": "#1a120d",
"foreground": "#f3e8da",
"card": "#241912",
"card-foreground": "#f3e8da",
"primary": "#d9824f",
"primary-foreground": "#1a0d05",
"secondary": "#33241a",
"secondary-foreground": "#f3e8da",
"muted": "#2b1f17",
"muted-foreground": "#b4a08d",
"accent": "#5a3d22",
"accent-foreground": "#f2d4ad",
"border": "#3d2c20",
"ring": "#d9824f"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/espresso.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Playfair+Display:wght@600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-espresso.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/espresso.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/espresso.jpg"
},
{
"slug": "farstep",
"name": "Farstep",
"description": "Glacier blue, sunflower and chalk with Chivo and Figtree. Tour operators, travel agencies, outdoor guides.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Figtree', ui-sans-serif, system-ui, sans-serif",
"display": "'Chivo', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Figtree:wght@400;500;600;700",
"Chivo:wght@700;800;900"
]
},
"light": {
"background": "#f6f5f0",
"foreground": "#0f1c29",
"card": "#ffffff",
"card-foreground": "#0f1c29",
"primary": "#0b5a8a",
"primary-foreground": "#ffffff",
"secondary": "#e3edf3",
"secondary-foreground": "#0f1c29",
"muted": "#eceae3",
"muted-foreground": "#55606a",
"accent": "#f5c242",
"accent-foreground": "#0f1c29",
"border": "#dcdad1",
"ring": "#0b5a8a"
},
"dark": {
"background": "#0a131c",
"foreground": "#eef2f5",
"card": "#111d29",
"card-foreground": "#eef2f5",
"primary": "#6cc0f0",
"primary-foreground": "#04223a",
"secondary": "#1a2a38",
"secondary-foreground": "#eef2f5",
"muted": "#15222f",
"muted-foreground": "#9fb0bf",
"accent": "#f5c242",
"accent-foreground": "#0f1c29",
"border": "#22323f",
"ring": "#6cc0f0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/farstep.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Chivo:wght@700;800;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-farstep.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/farstep.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/farstep.jpg"
},
{
"slug": "fixwell",
"name": "Fixwell",
"description": "Navy, safety yellow and white with Lexend. Plumbers, electricians, heating engineers, handymen.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Lexend', ui-sans-serif, system-ui, sans-serif",
"display": "'Lexend', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Lexend:wght@400;500;600;700;800"
]
},
"light": {
"background": "#f6f7fa",
"foreground": "#0d1b33",
"card": "#ffffff",
"card-foreground": "#0d1b33",
"primary": "#12306b",
"primary-foreground": "#ffffff",
"secondary": "#e3e9f5",
"secondary-foreground": "#0d1b33",
"muted": "#ebeef4",
"muted-foreground": "#4f5a6e",
"accent": "#ffd23f",
"accent-foreground": "#0d1b33",
"border": "#d8dee9",
"ring": "#12306b"
},
"dark": {
"background": "#0a1222",
"foreground": "#eef2f8",
"card": "#111c30",
"card-foreground": "#eef2f8",
"primary": "#8db0ff",
"primary-foreground": "#071a40",
"secondary": "#1a2840",
"secondary-foreground": "#eef2f8",
"muted": "#14213a",
"muted-foreground": "#a1abbd",
"accent": "#ffd23f",
"accent-foreground": "#0d1b33",
"border": "#22314d",
"ring": "#8db0ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/fixwell.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-fixwell.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/fixwell.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/fixwell.jpg"
},
{
"slug": "flintmoor",
"name": "Flintmoor",
"description": "Charcoal, oxblood and brass with Alfa Slab One and Barlow. Barbershops, tattoo studios, menswear.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Barlow', ui-sans-serif, system-ui, sans-serif",
"display": "'Alfa Slab One', ui-serif, Georgia, serif",
"googleFonts": [
"Barlow:wght@400;500;600;700",
"Alfa+Slab+One"
]
},
"light": {
"background": "#ece6dc",
"foreground": "#1a1816",
"card": "#f6f2ea",
"card-foreground": "#1a1816",
"primary": "#6e1f1f",
"primary-foreground": "#f6ede4",
"secondary": "#dcd3c4",
"secondary-foreground": "#1a1816",
"muted": "#e3dccf",
"muted-foreground": "#58524a",
"accent": "#c4954a",
"accent-foreground": "#1a1816",
"border": "#cbc1b0",
"ring": "#6e1f1f"
},
"dark": {
"background": "#141311",
"foreground": "#ece6dc",
"card": "#1d1b18",
"card-foreground": "#ece6dc",
"primary": "#d98a6a",
"primary-foreground": "#2a0b05",
"secondary": "#2b2824",
"secondary-foreground": "#ece6dc",
"muted": "#221f1c",
"muted-foreground": "#a8a196",
"accent": "#c4954a",
"accent-foreground": "#1a1816",
"border": "#35312c",
"ring": "#d98a6a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/flintmoor.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Alfa+Slab+One&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-flintmoor.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/flintmoor.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/flintmoor.jpg"
},
{
"slug": "florea",
"name": "Florea",
"description": "Blush, sage and soft clay with Cormorant Garamond and Jost. Botanical beauty, skincare and wellness shops.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Jost', ui-sans-serif, system-ui, sans-serif",
"display": "'Cormorant Garamond', ui-serif, Georgia, serif",
"googleFonts": [
"Jost:wght@300;400;500;600",
"Cormorant+Garamond:ital,wght@0,500;0,600;1,500"
]
},
"light": {
"background": "#faf4f1",
"foreground": "#2f2624",
"card": "#ffffff",
"card-foreground": "#2f2624",
"primary": "#7c5248",
"primary-foreground": "#fffaf7",
"secondary": "#f1e3dd",
"secondary-foreground": "#2f2624",
"muted": "#f3e9e4",
"muted-foreground": "#73625e",
"accent": "#c9d6c3",
"accent-foreground": "#22331d",
"border": "#ead9d2",
"ring": "#7c5248"
},
"dark": {
"background": "#1b1514",
"foreground": "#f6ebe7",
"card": "#241c1a",
"card-foreground": "#f6ebe7",
"primary": "#e3a99c",
"primary-foreground": "#2a120d",
"secondary": "#332825",
"secondary-foreground": "#f6ebe7",
"muted": "#2c2321",
"muted-foreground": "#bba9a4",
"accent": "#4c6346",
"accent-foreground": "#e7f3e1",
"border": "#3d302d",
"ring": "#e3a99c"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/florea.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-florea.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/florea.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/florea.jpg"
},
{
"slug": "folio",
"name": "Folio",
"description": "Editorial: newsprint cream, ink black, oxblood, Instrument Serif headlines, hairline rules and paper grain. Magazines, writers, restaurants, bookshops.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.125rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "grain",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Editorial"
},
"fonts": {
"sans": "'Libre Franklin', ui-sans-serif, system-ui, sans-serif",
"display": "'Instrument Serif', ui-serif, Georgia, serif",
"googleFonts": [
"Libre+Franklin:wght@400;500;600;700",
"Instrument+Serif"
]
},
"light": {
"background": "#f7f3ea",
"foreground": "#1b1a17",
"card": "#fbf8f1",
"card-foreground": "#1b1a17",
"primary": "#8a1c1c",
"primary-foreground": "#ffffff",
"secondary": "#ede6d6",
"secondary-foreground": "#1b1a17",
"muted": "#efe9dc",
"muted-foreground": "#58534a",
"accent": "#e9d8b4",
"accent-foreground": "#1b1a17",
"border": "#1b1a17",
"ring": "#8a1c1c"
},
"dark": {
"background": "#151412",
"foreground": "#efe9dc",
"card": "#1c1b18",
"card-foreground": "#efe9dc",
"primary": "#e8a0a0",
"primary-foreground": "#1b0a0a",
"secondary": "#24221e",
"secondary-foreground": "#efe9dc",
"muted": "#1f1d1a",
"muted-foreground": "#a8a192",
"accent": "#4a3f2a",
"accent-foreground": "#efe9dc",
"border": "#efe9dc",
"ring": "#e8a0a0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/folio.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700&family=Instrument+Serif&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-folio.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/folio.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/folio.jpg"
},
{
"slug": "forest",
"name": "Forest",
"description": "Sage and moss greens with cream highlights. Natural, trustworthy, great for wellness and climate.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'DM Serif Display', ui-serif, Georgia, serif",
"googleFonts": [
"DM+Sans:wght@400;500;700",
"DM+Serif+Display"
]
},
"light": {
"background": "#f6f7f1",
"foreground": "#14201a",
"card": "#ffffff",
"card-foreground": "#14201a",
"primary": "#2f6b4f",
"primary-foreground": "#f6f7f1",
"secondary": "#e7ecdf",
"secondary-foreground": "#1f3328",
"muted": "#e7ecdf",
"muted-foreground": "#5c6b61",
"accent": "#f3e7c9",
"accent-foreground": "#5b4413",
"border": "#d9e0d0",
"ring": "#2f6b4f"
},
"dark": {
"background": "#0d1511",
"foreground": "#e9efe6",
"card": "#131e18",
"card-foreground": "#e9efe6",
"primary": "#7cc49a",
"primary-foreground": "#0b1a12",
"secondary": "#1b2a21",
"secondary-foreground": "#e9efe6",
"muted": "#1b2a21",
"muted-foreground": "#93a399",
"accent": "#3b3218",
"accent-foreground": "#f3dfa4",
"border": "#26362c",
"ring": "#7cc49a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/forest.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-forest.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/forest.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/forest.jpg"
},
{
"slug": "foxglove",
"name": "Foxglove",
"description": "Kraft paper, ink black and hop orange with Bebas Neue and Space Grotesk. Breweries, taprooms, bars.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Space Grotesk', ui-sans-serif, system-ui, sans-serif",
"display": "'Bebas Neue', Impact, ui-sans-serif, sans-serif",
"googleFonts": [
"Space+Grotesk:wght@400;500;600;700",
"Bebas+Neue"
]
},
"light": {
"background": "#efe8da",
"foreground": "#16140f",
"card": "#f7f2e7",
"card-foreground": "#16140f",
"primary": "#ac360c",
"primary-foreground": "#fff7ed",
"secondary": "#e2d8c4",
"secondary-foreground": "#16140f",
"muted": "#e6decd",
"muted-foreground": "#5a5446",
"accent": "#f2b33d",
"accent-foreground": "#16140f",
"border": "#cfc4ad",
"ring": "#ac360c"
},
"dark": {
"background": "#12110e",
"foreground": "#f1ebdd",
"card": "#1b1a15",
"card-foreground": "#f1ebdd",
"primary": "#f97a3d",
"primary-foreground": "#1f0a02",
"secondary": "#26241d",
"secondary-foreground": "#f1ebdd",
"muted": "#1f1d17",
"muted-foreground": "#aaa391",
"accent": "#f2b33d",
"accent-foreground": "#16140f",
"border": "#33302a",
"ring": "#f97a3d"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/foxglove.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-foxglove.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/foxglove.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/foxglove.jpg"
},
{
"slug": "frost",
"name": "Frost",
"description": "Glass: frosted cards over a soft sea-blue and aqua wash, white edges, Manrope. Apps, studios, wellness, anything that wants light and depth.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "glass",
"texture": "none",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Glass"
},
"fonts": {
"sans": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"display": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Manrope:wght@400;500;600;700;800"
]
},
"light": {
"background": "#eef1f8",
"foreground": "#0e1525",
"card": "#ffffff",
"card-foreground": "#0e1525",
"primary": "#0b5d8a",
"primary-foreground": "#ffffff",
"secondary": "#e0e6f6",
"secondary-foreground": "#0e1525",
"muted": "#e5e9f4",
"muted-foreground": "#465068",
"accent": "#a5f3fc",
"accent-foreground": "#0e1525",
"border": "#ffffffb3",
"ring": "#0b5d8a"
},
"dark": {
"background": "#0b1020",
"foreground": "#e8ecf8",
"card": "#1a2238",
"card-foreground": "#e8ecf8",
"primary": "#7dd3fc",
"primary-foreground": "#0b1020",
"secondary": "#1a2240",
"secondary-foreground": "#e8ecf8",
"muted": "#151c32",
"muted-foreground": "#bfc8df",
"accent": "#67e8f9",
"accent-foreground": "#0b1020",
"border": "#ffffff26",
"ring": "#7dd3fc"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/frost.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Glass: page backgrounds pick up a wash of the theme colours, cards frost over it. */\nbody,\n[class~=\"bg-background\"],\n[class~=\"bg-secondary\"],\n[class~=\"bg-muted\"] {\n background-image:\n radial-gradient(55% 45% at 12% 8%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%),\n radial-gradient(45% 40% at 92% 28%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%),\n radial-gradient(50% 45% at 40% 95%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 70%);\n background-attachment: fixed;\n}\n[class~=\"bg-card\"],\n[class^=\"bg-card/\"],\n[class*=\" bg-card/\"] {\n background-color: color-mix(in srgb, var(--card) 76%, transparent);\n -webkit-backdrop-filter: blur(18px) saturate(1.4);\n backdrop-filter: blur(18px) saturate(1.4);\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-frost.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/frost.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/frost.jpg"
},
{
"slug": "gearwright",
"name": "Gearwright",
"description": "Gunmetal, signal red and white with Saira Condensed and Saira. Garages, MOT centres, tyre shops, detailers.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Saira', ui-sans-serif, system-ui, sans-serif",
"display": "'Saira Condensed', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Saira:wght@400;500;600;700",
"Saira+Condensed:wght@600;700;800"
]
},
"light": {
"background": "#f2f3f4",
"foreground": "#121518",
"card": "#ffffff",
"card-foreground": "#121518",
"primary": "#c8201b",
"primary-foreground": "#ffffff",
"secondary": "#e3e6e9",
"secondary-foreground": "#121518",
"muted": "#e8eaec",
"muted-foreground": "#535a61",
"accent": "#121518",
"accent-foreground": "#f2f3f4",
"border": "#d3d7db",
"ring": "#c8201b"
},
"dark": {
"background": "#0d0f11",
"foreground": "#eef0f2",
"card": "#15181b",
"card-foreground": "#eef0f2",
"primary": "#ff5a4f",
"primary-foreground": "#2a0503",
"secondary": "#22262a",
"secondary-foreground": "#eef0f2",
"muted": "#1a1d21",
"muted-foreground": "#a5abb1",
"accent": "#eef0f2",
"accent-foreground": "#121518",
"border": "#2a2f34",
"ring": "#ff5a4f"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/gearwright.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&family=Saira+Condensed:wght@600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-gearwright.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/gearwright.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/gearwright.jpg"
},
{
"slug": "greenline",
"name": "Greenline",
"description": "Box-hedge green, stone and fresh lime with Spectral and Inter Tight. Landscapers, gardeners, tree surgeons.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter Tight', ui-sans-serif, system-ui, sans-serif",
"display": "'Spectral', ui-serif, Georgia, serif",
"googleFonts": [
"Inter+Tight:wght@400;500;600;700",
"Spectral:ital,wght@0,500;0,700;1,500"
]
},
"light": {
"background": "#f4f3ee",
"foreground": "#16241a",
"card": "#fbfaf6",
"card-foreground": "#16241a",
"primary": "#24502f",
"primary-foreground": "#f4f3ee",
"secondary": "#e2e6d8",
"secondary-foreground": "#16241a",
"muted": "#e9e9e1",
"muted-foreground": "#535c51",
"accent": "#b7d96a",
"accent-foreground": "#16241a",
"border": "#d6d8cb",
"ring": "#24502f"
},
"dark": {
"background": "#0f1611",
"foreground": "#ebede5",
"card": "#162019",
"card-foreground": "#ebede5",
"primary": "#a8d08a",
"primary-foreground": "#12260f",
"secondary": "#232f25",
"secondary-foreground": "#ebede5",
"muted": "#1a241c",
"muted-foreground": "#a2aa9f",
"accent": "#b7d96a",
"accent-foreground": "#16241a",
"border": "#2b372d",
"ring": "#a8d08a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/greenline.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Spectral:ital,wght@0,500;0,700;1,500&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-greenline.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/greenline.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/greenline.jpg"
},
{
"slug": "grid",
"name": "Grid",
"description": "Swiss: white, black and one signal red on a ruled grid, square corners, no shadows, Archivo set tight. Architects, studios, galleries, agencies.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "grid",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Swiss"
},
"fonts": {
"sans": "'Archivo', ui-sans-serif, system-ui, sans-serif",
"display": "'Archivo', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Archivo:wght@400;500;600;700;800;900"
]
},
"light": {
"background": "#ffffff",
"foreground": "#0a0a0a",
"card": "#ffffff",
"card-foreground": "#0a0a0a",
"primary": "#c8000e",
"primary-foreground": "#ffffff",
"secondary": "#f2f2f2",
"secondary-foreground": "#0a0a0a",
"muted": "#f2f2f2",
"muted-foreground": "#525252",
"accent": "#ffe600",
"accent-foreground": "#0a0a0a",
"border": "#0a0a0a",
"ring": "#0a0a0a"
},
"dark": {
"background": "#0a0a0a",
"foreground": "#f5f5f5",
"card": "#121212",
"card-foreground": "#f5f5f5",
"primary": "#ff4d4d",
"primary-foreground": "#0a0a0a",
"secondary": "#1a1a1a",
"secondary-foreground": "#f5f5f5",
"muted": "#161616",
"muted-foreground": "#a3a3a3",
"accent": "#ffe600",
"accent-foreground": "#0a0a0a",
"border": "#f5f5f5",
"ring": "#f5f5f5"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/grid.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Grid: a faint pattern on the page background, fixed so it runs on across sections. */\nbody,\n[class~=\"bg-background\"] {\n background-image: linear-gradient(to right, color-mix(in srgb, var(--foreground) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 9%, transparent) 1px, transparent 1px);\n background-size: 56px 56px;\n background-attachment: fixed;\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-grid.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/grid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/grid.jpg"
},
{
"slug": "groove",
"name": "Groove",
"description": "70s retro: sunflower cream, burnt orange and brown, fat rounded Shrikhand headlines, chunky outlines with orange offset shadows on a dot pattern.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "2rem",
"style": {
"shadow": "hard",
"border": "2px",
"surface": "solid",
"texture": "dots",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Retro"
},
"fonts": {
"sans": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Shrikhand', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"DM+Sans:wght@400;500;600;700",
"Shrikhand"
]
},
"light": {
"background": "#fbe9cf",
"foreground": "#3b2314",
"card": "#fff4e3",
"card-foreground": "#3b2314",
"primary": "#953617",
"primary-foreground": "#ffffff",
"secondary": "#f6d39a",
"secondary-foreground": "#3b2314",
"muted": "#f3dcb8",
"muted-foreground": "#6a4630",
"accent": "#e8a33d",
"accent-foreground": "#3b2314",
"border": "#3b2314",
"ring": "#c2541f"
},
"dark": {
"background": "#2a1a10",
"foreground": "#fbe9cf",
"card": "#352216",
"card-foreground": "#fbe9cf",
"primary": "#f4a259",
"primary-foreground": "#2a1a10",
"secondary": "#43291a",
"secondary-foreground": "#fbe9cf",
"muted": "#3a2416",
"muted-foreground": "#d9b994",
"accent": "#e8a33d",
"accent-foreground": "#2a1a10",
"border": "#fbe9cf",
"ring": "#f4a259"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/groove.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Shrikhand&display=swap",
"styleVars": {
"--border-width": "2px",
"--shadow-2xs": "1px 1px 0 0 var(--ring)",
"--shadow-xs": "2px 2px 0 0 var(--ring)",
"--shadow-sm": "2px 2px 0 0 var(--ring)",
"--shadow-md": "3px 3px 0 0 var(--ring)",
"--shadow-lg": "4px 4px 0 0 var(--ring)",
"--shadow-xl": "6px 6px 0 0 var(--ring)",
"--shadow-2xl": "8px 8px 0 0 var(--ring)"
},
"styleRules": "/* Hard shadows: padded, rounded panels and buttons get an outline and sit on an offset block. */\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n border: var(--border-width) solid var(--foreground);\n box-shadow: var(--shadow-md);\n}\n\n/* Dots: a faint pattern on the page background, fixed so it runs on across sections. */\nbody,\n[class~=\"bg-background\"] {\n background-image: radial-gradient(color-mix(in srgb, var(--foreground) 16%, transparent) 1px, transparent 1.6px);\n background-size: 22px 22px;\n background-attachment: fixed;\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-groove.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/groove.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/groove.jpg"
},
{
"slug": "hale",
"name": "Hale & Partners",
"description": "Ink navy, parchment and brass with EB Garamond and IBM Plex Sans. Law firms, notaries, consultancies.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.125rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'EB Garamond', ui-serif, Georgia, serif",
"googleFonts": [
"IBM+Plex+Sans:wght@400;500;600",
"EB+Garamond:ital,wght@0,500;0,600;1,500"
]
},
"light": {
"background": "#f6f3ec",
"foreground": "#15192a",
"card": "#fcfaf5",
"card-foreground": "#15192a",
"primary": "#1b2440",
"primary-foreground": "#f6f3ec",
"secondary": "#e9e3d4",
"secondary-foreground": "#15192a",
"muted": "#ece7dc",
"muted-foreground": "#565a68",
"accent": "#b08a45",
"accent-foreground": "#15192a",
"border": "#d9d2c0",
"ring": "#1b2440"
},
"dark": {
"background": "#0e111c",
"foreground": "#ece8de",
"card": "#151a29",
"card-foreground": "#ece8de",
"primary": "#d6b97a",
"primary-foreground": "#1b1405",
"secondary": "#232a3d",
"secondary-foreground": "#ece8de",
"muted": "#1a2031",
"muted-foreground": "#a2a6b4",
"accent": "#b08a45",
"accent-foreground": "#15192a",
"border": "#2a3146",
"ring": "#d6b97a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/hale.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=EB+Garamond:ital,wght@0,500;0,600;1,500&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-hale.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/hale.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/hale.jpg"
},
{
"slug": "hollinmere",
"name": "Hollinmere Estate",
"description": "Claret, limestone and vine leaf with Newsreader and Schibsted Grotesk. Wineries, vineyards, cellar doors.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif",
"display": "'Newsreader', ui-serif, Georgia, serif",
"googleFonts": [
"Schibsted+Grotesk:wght@400;500;600;700",
"Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400"
]
},
"light": {
"background": "#f3efe8",
"foreground": "#22161a",
"card": "#faf8f3",
"card-foreground": "#22161a",
"primary": "#6b1f33",
"primary-foreground": "#f8ede9",
"secondary": "#e6ded0",
"secondary-foreground": "#22161a",
"muted": "#ebe5da",
"muted-foreground": "#5f5458",
"accent": "#a8b07c",
"accent-foreground": "#22161a",
"border": "#d8cfbf",
"ring": "#6b1f33"
},
"dark": {
"background": "#140d10",
"foreground": "#efe7e2",
"card": "#1d1418",
"card-foreground": "#efe7e2",
"primary": "#e08ba0",
"primary-foreground": "#2e0814",
"secondary": "#2e2226",
"secondary-foreground": "#efe7e2",
"muted": "#231a1d",
"muted-foreground": "#b2a3a7",
"accent": "#a8b07c",
"accent-foreground": "#1a1d0c",
"border": "#382a2f",
"ring": "#e08ba0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/hollinmere.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-hollinmere.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/hollinmere.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/hollinmere.jpg"
},
{
"slug": "hollow-creek",
"name": "Hollow Creek",
"description": "Barn red, straw and pasture green with Arvo and Public Sans. Farms, farm shops, orchards, CSAs.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Public Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Arvo', ui-serif, Georgia, serif",
"googleFonts": [
"Public+Sans:wght@400;500;600;700",
"Arvo:wght@400;700"
]
},
"light": {
"background": "#f7f2e6",
"foreground": "#1f2a1c",
"card": "#fffcf4",
"card-foreground": "#1f2a1c",
"primary": "#9b2d20",
"primary-foreground": "#fff7ee",
"secondary": "#ece2c6",
"secondary-foreground": "#1f2a1c",
"muted": "#efe7d3",
"muted-foreground": "#5b5e4c",
"accent": "#e9b949",
"accent-foreground": "#1f2a1c",
"border": "#ddd1b2",
"ring": "#9b2d20"
},
"dark": {
"background": "#131711",
"foreground": "#f1ecdf",
"card": "#1b2018",
"card-foreground": "#f1ecdf",
"primary": "#e6765f",
"primary-foreground": "#2a0a05",
"secondary": "#2a2f22",
"secondary-foreground": "#f1ecdf",
"muted": "#20251b",
"muted-foreground": "#a9ab98",
"accent": "#e9b949",
"accent-foreground": "#1f2a1c",
"border": "#333828",
"ring": "#e6765f"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/hollow-creek.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Arvo:wght@400;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-hollow-creek.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/hollow-creek.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/hollow-creek.jpg"
},
{
"slug": "ironbark",
"name": "Ironbark",
"description": "Concrete, charcoal and hi-vis amber with Big Shoulders Display and Instrument Sans. Builders, contractors, renovators.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.125rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Instrument Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Big Shoulders Display', Impact, ui-sans-serif, sans-serif",
"googleFonts": [
"Instrument+Sans:wght@400;500;600;700",
"Big+Shoulders+Display:wght@700;800;900"
]
},
"light": {
"background": "#efeeea",
"foreground": "#17181a",
"card": "#f8f7f4",
"card-foreground": "#17181a",
"primary": "#17181a",
"primary-foreground": "#f5f4f0",
"secondary": "#e0ded8",
"secondary-foreground": "#17181a",
"muted": "#e5e3dd",
"muted-foreground": "#55575b",
"accent": "#f5a524",
"accent-foreground": "#17181a",
"border": "#cfccc4",
"ring": "#17181a"
},
"dark": {
"background": "#111214",
"foreground": "#ecebe7",
"card": "#1a1b1e",
"card-foreground": "#ecebe7",
"primary": "#ecebe7",
"primary-foreground": "#17181a",
"secondary": "#26272b",
"secondary-foreground": "#ecebe7",
"muted": "#1f2023",
"muted-foreground": "#a3a4a8",
"accent": "#f5a524",
"accent-foreground": "#17181a",
"border": "#2f3034",
"ring": "#f5a524"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/ironbark.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Big+Shoulders+Display:wght@700;800;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-ironbark.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/ironbark.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/ironbark.jpg"
},
{
"slug": "juniper",
"name": "Juniper",
"description": "Warm paper, espresso and dusk rose with Cardo and Manrope. Photographers, videographers, artists.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"display": "'Cardo', ui-serif, Georgia, serif",
"googleFonts": [
"Manrope:wght@400;500;600",
"Cardo:ital,wght@0,400;0,700;1,400"
]
},
"light": {
"background": "#f5f1eb",
"foreground": "#221c18",
"card": "#fbf8f3",
"card-foreground": "#221c18",
"primary": "#221c18",
"primary-foreground": "#f5f1eb",
"secondary": "#e8dfd3",
"secondary-foreground": "#221c18",
"muted": "#ece5db",
"muted-foreground": "#625850",
"accent": "#d9a593",
"accent-foreground": "#221c18",
"border": "#dbd1c4",
"ring": "#221c18"
},
"dark": {
"background": "#121010",
"foreground": "#efe9e1",
"card": "#1a1716",
"card-foreground": "#efe9e1",
"primary": "#efe9e1",
"primary-foreground": "#221c18",
"secondary": "#29231f",
"secondary-foreground": "#efe9e1",
"muted": "#1f1b19",
"muted-foreground": "#aca197",
"accent": "#d9a593",
"accent-foreground": "#221c18",
"border": "#322b27",
"ring": "#efe9e1"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/juniper.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-juniper.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/juniper.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/juniper.jpg"
},
{
"slug": "keystone",
"name": "Keystone",
"description": "Charcoal, warm white and champagne gold with Libre Caslon Display and Montserrat. Estate agents, lettings, property management.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Montserrat', ui-sans-serif, system-ui, sans-serif",
"display": "'Libre Caslon Display', ui-serif, Georgia, serif",
"googleFonts": [
"Montserrat:wght@400;500;600;700",
"Libre+Caslon+Display"
]
},
"light": {
"background": "#f8f6f2",
"foreground": "#1c1c1e",
"card": "#ffffff",
"card-foreground": "#1c1c1e",
"primary": "#1c1c1e",
"primary-foreground": "#f8f6f2",
"secondary": "#ece6db",
"secondary-foreground": "#1c1c1e",
"muted": "#efebe4",
"muted-foreground": "#5e5b56",
"accent": "#c8a96a",
"accent-foreground": "#1c1c1e",
"border": "#ddd7cc",
"ring": "#1c1c1e"
},
"dark": {
"background": "#121213",
"foreground": "#f1eee8",
"card": "#1a1a1c",
"card-foreground": "#f1eee8",
"primary": "#f1eee8",
"primary-foreground": "#1c1c1e",
"secondary": "#27262a",
"secondary-foreground": "#f1eee8",
"muted": "#1f1f22",
"muted-foreground": "#a9a6a0",
"accent": "#c8a96a",
"accent-foreground": "#1c1c1e",
"border": "#2f2e32",
"ring": "#c8a96a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/keystone.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-keystone.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/keystone.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/keystone.jpg"
},
{
"slug": "kiln",
"name": "Studio Kiln",
"description": "Off-white, ink, kiln orange and lilac with Anybody and Inter. Creative agencies, design studios, marketing consultancies.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Anybody', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Inter:wght@400;500;600;700",
"Anybody:wdth,wght@75..150,700;75..150,900"
]
},
"light": {
"background": "#f4f2ee",
"foreground": "#111111",
"card": "#ffffff",
"card-foreground": "#111111",
"primary": "#111111",
"primary-foreground": "#f4f2ee",
"secondary": "#e3defb",
"secondary-foreground": "#111111",
"muted": "#e9e6e0",
"muted-foreground": "#5b5853",
"accent": "#ff5b2e",
"accent-foreground": "#111111",
"border": "#d8d4cc",
"ring": "#111111"
},
"dark": {
"background": "#0e0e0e",
"foreground": "#f1efea",
"card": "#171717",
"card-foreground": "#f1efea",
"primary": "#f1efea",
"primary-foreground": "#111111",
"secondary": "#272333",
"secondary-foreground": "#f1efea",
"muted": "#1c1c1c",
"muted-foreground": "#a5a29c",
"accent": "#ff5b2e",
"accent-foreground": "#111111",
"border": "#2c2c2c",
"ring": "#ff5b2e"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/kiln.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Anybody:wdth,wght@75..150,700;75..150,900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-kiln.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/kiln.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/kiln.jpg"
},
{
"slug": "lavender",
"name": "Lavender",
"description": "Dusty lavender with apricot, a soft serif and rounded corners. Calm without the electric purple.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Figtree', ui-sans-serif, system-ui, sans-serif",
"display": "'Young Serif', ui-serif, Georgia, serif",
"googleFonts": [
"Figtree:wght@400;500;600;700",
"Young+Serif:wght@400"
]
},
"light": {
"background": "#faf8ff",
"foreground": "#1f1638",
"card": "#ffffff",
"card-foreground": "#1f1638",
"primary": "#5e4b8b",
"primary-foreground": "#ffffff",
"secondary": "#efe9ff",
"secondary-foreground": "#2e2152",
"muted": "#f2eefc",
"muted-foreground": "#6b6285",
"accent": "#fbe0c4",
"accent-foreground": "#6b3a0c",
"border": "#e6defa",
"ring": "#5e4b8b"
},
"dark": {
"background": "#120d22",
"foreground": "#efeaff",
"card": "#1a1430",
"card-foreground": "#efeaff",
"primary": "#bca8e6",
"primary-foreground": "#1d1430",
"secondary": "#251c42",
"secondary-foreground": "#efeaff",
"muted": "#1f1838",
"muted-foreground": "#a29bbd",
"accent": "#4a1d36",
"accent-foreground": "#ffc6e3",
"border": "#2f2650",
"ring": "#bca8e6"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/lavender.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Young+Serif:wght@400&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-lavender.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/lavender.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/lavender.jpg"
},
{
"slug": "ledger",
"name": "Ledger",
"description": "Emerald, mint and paper white with Geologica. Accountants, bookkeepers, financial planners.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Geologica', ui-sans-serif, system-ui, sans-serif",
"display": "'Geologica', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Geologica:wght@300;400;500;600;700;800"
]
},
"light": {
"background": "#f7f8f5",
"foreground": "#0f1f17",
"card": "#ffffff",
"card-foreground": "#0f1f17",
"primary": "#0d5c3a",
"primary-foreground": "#ffffff",
"secondary": "#e4efe7",
"secondary-foreground": "#0f1f17",
"muted": "#ecefea",
"muted-foreground": "#4f5d55",
"accent": "#b6f0c8",
"accent-foreground": "#0f1f17",
"border": "#d9e0da",
"ring": "#0d5c3a"
},
"dark": {
"background": "#09130e",
"foreground": "#e9f1ec",
"card": "#0f1c15",
"card-foreground": "#e9f1ec",
"primary": "#6fdba0",
"primary-foreground": "#04210f",
"secondary": "#172a20",
"secondary-foreground": "#e9f1ec",
"muted": "#12231a",
"muted-foreground": "#9db4a6",
"accent": "#b6f0c8",
"accent-foreground": "#0f1f17",
"border": "#1f3328",
"ring": "#6fdba0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/ledger.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-ledger.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/ledger.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/ledger.jpg"
},
{
"slug": "linen",
"name": "Linen",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "500",
"headingTracking": "tighter",
"headingSize": "default",
"buttons": "default",
"label": "Minimal"
},
"fonts": {
"sans": "'Onest', ui-sans-serif, system-ui, sans-serif",
"display": "'Onest', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Onest:wght@400;500;600;700"
]
},
"light": {
"background": "#faf7f2",
"foreground": "#1c1917",
"card": "#ffffff",
"card-foreground": "#1c1917",
"primary": "#b93d0b",
"primary-foreground": "#ffffff",
"secondary": "#f1ebe3",
"secondary-foreground": "#292524",
"muted": "#f1ebe3",
"muted-foreground": "#57534e",
"accent": "#fed7aa",
"accent-foreground": "#7c2d12",
"border": "#e7ded3",
"ring": "#b93d0b"
},
"dark": {
"background": "#0c0a09",
"foreground": "#f5f5f4",
"card": "#151210",
"card-foreground": "#f5f5f4",
"primary": "#fb923c",
"primary-foreground": "#1c0a00",
"secondary": "#1c1917",
"secondary-foreground": "#f5f5f4",
"muted": "#1c1917",
"muted-foreground": "#a8a29e",
"accent": "#431407",
"accent-foreground": "#fed7aa",
"border": "#292524",
"ring": "#fb923c"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/linen.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Headings: weight 500, tighter letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.05em;\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-linen.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/linen.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/linen.jpg"
},
{
"slug": "liquid",
"name": "Liquid",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "liquid",
"texture": "none",
"motion": "subtle",
"headingWeight": "600",
"headingTracking": "tight",
"headingSize": "default",
"buttons": "pill",
"label": "Liquid glass"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Hanken+Grotesk:wght@500;600;700",
"Inter:wght@400;500;600"
]
},
"light": {
"background": "#eef1f7",
"foreground": "#0b0d12",
"card": "#ffffff",
"card-foreground": "#0b0d12",
"primary": "#0757b8",
"primary-foreground": "#ffffff",
"secondary": "#e3e8f2",
"secondary-foreground": "#0b0d12",
"muted": "#e6eaf2",
"muted-foreground": "#3a4152",
"accent": "#c9bdff",
"accent-foreground": "#1a1240",
"border": "#d7dce8",
"ring": "#0757b8"
},
"dark": {
"background": "#07080d",
"foreground": "#eef1f7",
"card": "#161a24",
"card-foreground": "#eef1f7",
"primary": "#5aa8ff",
"primary-foreground": "#04101f",
"secondary": "#141822",
"secondary-foreground": "#eef1f7",
"muted": "#121620",
"muted-foreground": "#b8c0d0",
"accent": "#3d2f8f",
"accent-foreground": "#eef1f7",
"border": "#232838",
"ring": "#5aa8ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/liquid.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Pill buttons: padded, rounded links and buttons get fully round ends; cards keep the theme radius. */\n:is(a, button):is([class*=\"rounded\"]):is([class^=\"px-\"], [class*=\" px-\"], [class^=\"p-\"], [class*=\" p-\"]):not([class*=\"rounded-none\"]) {\n border-radius: 999px;\n}\n\n/* Headings: weight 600, tight letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 600;\n letter-spacing: -0.015em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 600;\n letter-spacing: -0.03em;\n}\n\n/* Liquid glass: a brighter wash of the theme colours behind clear, strongly blurred panels with a lit edge. */\nbody,\n[class~=\"bg-background\"],\n[class~=\"bg-secondary\"],\n[class~=\"bg-muted\"] {\n background-image:\n radial-gradient(60% 50% at 10% 5%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 70%),\n radial-gradient(50% 45% at 95% 25%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%),\n radial-gradient(55% 50% at 35% 100%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%);\n background-attachment: fixed;\n}\n[class~=\"bg-card\"],\n[class^=\"bg-card/\"],\n[class*=\" bg-card/\"] {\n background-color: color-mix(in srgb, var(--card) 55%, transparent);\n border-color: color-mix(in srgb, white 45%, transparent);\n -webkit-backdrop-filter: blur(28px) saturate(1.8);\n backdrop-filter: blur(28px) saturate(1.8);\n box-shadow:\n inset 0 1px 0 color-mix(in srgb, white 70%, transparent),\n inset 0 0 0 1px color-mix(in srgb, white 22%, transparent),\n var(--shadow-lg);\n}\n/* On a dark or coloured section, the glass is near solid: the dark showing through would turn it grey. */\n:is([class~=\"bg-foreground\"], [class~=\"bg-primary\"]) :is([class~=\"bg-card\"], [class^=\"bg-card/\"], [class*=\" bg-card/\"]) {\n background-color: color-mix(in srgb, var(--card) 92%, transparent);\n}\n/* Dark mode: a fainter wash and denser glass, so muted text keeps its contrast on the panels. */\n.dark :is(body, [class~=\"bg-background\"], [class~=\"bg-secondary\"], [class~=\"bg-muted\"]) {\n background-image:\n radial-gradient(60% 50% at 10% 5%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%),\n radial-gradient(50% 45% at 95% 25%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%),\n radial-gradient(55% 50% at 35% 100%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 70%);\n}\n.dark :is([class~=\"bg-card\"], [class^=\"bg-card/\"], [class*=\" bg-card/\"]) {\n background-color: color-mix(in srgb, var(--card) 72%, transparent);\n border-color: color-mix(in srgb, white 12%, transparent);\n box-shadow:\n inset 0 1px 0 color-mix(in srgb, white 16%, transparent),\n inset 0 0 0 1px color-mix(in srgb, white 6%, transparent),\n var(--shadow-lg);\n}\n:is(a, button)[class~=\"bg-primary\"] {\n box-shadow: inset 0 1px 0 color-mix(in srgb, white 35%, transparent), var(--shadow-md);\n}\n.dark :is([class~=\"bg-foreground\"], [class~=\"bg-primary\"]) :is([class~=\"bg-card\"], [class^=\"bg-card/\"], [class*=\" bg-card/\"]) {\n background-color: color-mix(in srgb, var(--card) 92%, transparent);\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-liquid.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/liquid.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/liquid.jpg"
},
{
"slug": "lumen",
"name": "Lumen",
"description": "Off-white with bottle green and a lime highlight, set in Archivo. For data and analytics products that want to feel grounded.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.875rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Archivo', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"IBM+Plex+Sans:wght@400;500;600",
"Archivo:wght@500;600;700;800"
]
},
"light": {
"background": "#f7f7fb",
"foreground": "#0c0c1d",
"card": "#ffffff",
"card-foreground": "#0c0c1d",
"primary": "#0f5c46",
"primary-foreground": "#ffffff",
"secondary": "#ececf7",
"secondary-foreground": "#0c0c1d",
"muted": "#efeff7",
"muted-foreground": "#5a5a75",
"accent": "#e2f7b0",
"accent-foreground": "#2c4300",
"border": "#dedef0",
"ring": "#0f5c46"
},
"dark": {
"background": "#07071a",
"foreground": "#ececff",
"card": "#0e0e26",
"card-foreground": "#ececff",
"primary": "#7fd8a8",
"primary-foreground": "#04261a",
"secondary": "#17173a",
"secondary-foreground": "#ececff",
"muted": "#121231",
"muted-foreground": "#9a9ac2",
"accent": "#203a10",
"accent-foreground": "#e2f7b0",
"border": "#22224a",
"ring": "#7fd8a8"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/lumen.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Archivo:wght@500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-lumen.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/lumen.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/lumen.jpg"
},
{
"slug": "marlowe",
"name": "Marlowe",
"description": "Ecru, ink and camel with Bodoni Moda and Hanken Grotesk. Fashion boutiques, concept stores, tailors.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif",
"display": "'Bodoni Moda', ui-serif, Georgia, serif",
"googleFonts": [
"Hanken+Grotesk:wght@400;500;600;700",
"Bodoni+Moda:ital,wght@0,500;0,700;1,500"
]
},
"light": {
"background": "#f4f1ec",
"foreground": "#111111",
"card": "#fbfaf7",
"card-foreground": "#111111",
"primary": "#111111",
"primary-foreground": "#f4f1ec",
"secondary": "#e8e2d8",
"secondary-foreground": "#111111",
"muted": "#ebe6dd",
"muted-foreground": "#5f5a52",
"accent": "#b98a5e",
"accent-foreground": "#111111",
"border": "#d9d2c6",
"ring": "#111111"
},
"dark": {
"background": "#0e0e0d",
"foreground": "#eeeae3",
"card": "#171615",
"card-foreground": "#eeeae3",
"primary": "#eeeae3",
"primary-foreground": "#111111",
"secondary": "#24221f",
"secondary-foreground": "#eeeae3",
"muted": "#1c1b19",
"muted-foreground": "#a29d94",
"accent": "#c99a6d",
"accent-foreground": "#111111",
"border": "#2c2a27",
"ring": "#eeeae3"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/marlowe.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Bodoni+Moda:ital,wght@0,500;0,700;1,500&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-marlowe.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/marlowe.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/marlowe.jpg"
},
{
"slug": "masthead",
"name": "Masthead",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "400",
"headingTracking": "tight",
"headingSize": "xl",
"buttons": "default",
"label": "Oversized type"
},
"fonts": {
"sans": "'Inter Tight', ui-sans-serif, system-ui, sans-serif",
"display": "'Instrument Serif', ui-serif, Georgia, serif",
"googleFonts": [
"Instrument+Serif:ital@0;1",
"Inter+Tight:wght@400;500;600"
]
},
"light": {
"background": "#fafaf7",
"foreground": "#0f0f0f",
"card": "#ffffff",
"card-foreground": "#0f0f0f",
"primary": "#0f0f0f",
"primary-foreground": "#fafaf7",
"secondary": "#efefea",
"secondary-foreground": "#0f0f0f",
"muted": "#f0f0eb",
"muted-foreground": "#55554f",
"accent": "#e4ff3a",
"accent-foreground": "#0f0f0f",
"border": "#e2e2dc",
"ring": "#0f0f0f"
},
"dark": {
"background": "#0b0b0a",
"foreground": "#f4f4ef",
"card": "#141413",
"card-foreground": "#f4f4ef",
"primary": "#f4f4ef",
"primary-foreground": "#0b0b0a",
"secondary": "#1a1a18",
"secondary-foreground": "#f4f4ef",
"muted": "#171716",
"muted-foreground": "#a5a59d",
"accent": "#d4f53c",
"accent-foreground": "#0b0b0a",
"border": "#262624",
"ring": "#f4f4ef"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/masthead.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Headings: extra large. Page and section headings only, not those inside cards, dialogs, navigation or footers. */\n:is(h1, h2):not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n line-height: 1;\n text-wrap: balance;\n}\nh1:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2.75rem, 8.5vw, 7.5rem);\n}\nh2:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2.25rem, 5.5vw, 4.5rem);\n}\n\n/* Headings: weight 400, tight letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 400;\n letter-spacing: -0.015em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 400;\n letter-spacing: -0.03em;\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-masthead.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/masthead.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/masthead.jpg"
},
{
"slug": "midnight",
"name": "Midnight",
"description": "Ink-navy surfaces, a brass accent and a sturdy grotesk. For software and tools that want to look serious, not shiny.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Public Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Public+Sans:wght@400;500;600;700",
"Schibsted+Grotesk:wght@500;700;800"
]
},
"light": {
"background": "#f7f8fc",
"foreground": "#0b1020",
"card": "#ffffff",
"card-foreground": "#0b1020",
"primary": "#1f3b73",
"primary-foreground": "#ffffff",
"secondary": "#eceef3",
"secondary-foreground": "#1a2140",
"muted": "#eceef3",
"muted-foreground": "#5b6380",
"accent": "#f4dfae",
"accent-foreground": "#5a4108",
"border": "#d9dde6",
"ring": "#1f3b73"
},
"dark": {
"background": "#070a16",
"foreground": "#e8ebff",
"card": "#0e1328",
"card-foreground": "#e8ebff",
"primary": "#e3b65b",
"primary-foreground": "#1a1405",
"secondary": "#161c38",
"secondary-foreground": "#e8ebff",
"muted": "#131a33",
"muted-foreground": "#8d95b8",
"accent": "#2a2f45",
"accent-foreground": "#f4dfae",
"border": "#222a4a",
"ring": "#e3b65b"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/midnight.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Schibsted+Grotesk:wght@500;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-midnight.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/midnight.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/midnight.jpg"
},
{
"slug": "mono",
"name": "Mono",
"description": "Brutalist black and white with a single signal-yellow accent and square corners. Confident and editorial.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Archivo Black', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"IBM+Plex+Sans:wght@400;500;600;700",
"Archivo+Black"
]
},
"light": {
"background": "#ffffff",
"foreground": "#0a0a0a",
"card": "#ffffff",
"card-foreground": "#0a0a0a",
"primary": "#0a0a0a",
"primary-foreground": "#ffffff",
"secondary": "#f2f2f2",
"secondary-foreground": "#0a0a0a",
"muted": "#f2f2f2",
"muted-foreground": "#5c5c5c",
"accent": "#ffe600",
"accent-foreground": "#0a0a0a",
"border": "#0a0a0a",
"ring": "#0a0a0a"
},
"dark": {
"background": "#0a0a0a",
"foreground": "#fafafa",
"card": "#111111",
"card-foreground": "#fafafa",
"primary": "#fafafa",
"primary-foreground": "#0a0a0a",
"secondary": "#1c1c1c",
"secondary-foreground": "#fafafa",
"muted": "#1a1a1a",
"muted-foreground": "#a3a3a3",
"accent": "#ffe600",
"accent-foreground": "#0a0a0a",
"border": "#fafafa",
"ring": "#fafafa"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/mono.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Archivo+Black&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-mono.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/mono.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/mono.jpg"
},
{
"slug": "mossbrook",
"name": "Mossbrook",
"description": "Navy, warm orange and biscuit with Gabarito and DM Sans. Vets, groomers, dog walkers, pet shops.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Gabarito', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"DM+Sans:wght@400;500;600;700",
"Gabarito:wght@600;700;800"
]
},
"light": {
"background": "#fbf7f1",
"foreground": "#16213a",
"card": "#ffffff",
"card-foreground": "#16213a",
"primary": "#1d2f5c",
"primary-foreground": "#ffffff",
"secondary": "#fde3cc",
"secondary-foreground": "#16213a",
"muted": "#f3ece2",
"muted-foreground": "#5a6072",
"accent": "#f2843a",
"accent-foreground": "#16213a",
"border": "#e8ddce",
"ring": "#1d2f5c"
},
"dark": {
"background": "#0d1324",
"foreground": "#f1ede6",
"card": "#141c33",
"card-foreground": "#f1ede6",
"primary": "#9fb4ff",
"primary-foreground": "#0b1636",
"secondary": "#2a2a3a",
"secondary-foreground": "#f1ede6",
"muted": "#192240",
"muted-foreground": "#a7adbf",
"accent": "#f2843a",
"accent-foreground": "#16213a",
"border": "#26304d",
"ring": "#9fb4ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/mossbrook.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gabarito:wght@600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-mossbrook.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/mossbrook.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/mossbrook.jpg"
},
{
"slug": "motion",
"name": "Motion",
"description": "Cobalt, chalk and electric lime with Archivo. Physiotherapy, sports clinics, personal trainers.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Archivo', ui-sans-serif, system-ui, sans-serif",
"display": "'Archivo', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Archivo:wght@400;500;600;700;800;900"
]
},
"light": {
"background": "#f4f5f7",
"foreground": "#0c1424",
"card": "#ffffff",
"card-foreground": "#0c1424",
"primary": "#1f45d6",
"primary-foreground": "#ffffff",
"secondary": "#e2e8fb",
"secondary-foreground": "#0c1424",
"muted": "#e9ebf0",
"muted-foreground": "#525b6c",
"accent": "#c6f24e",
"accent-foreground": "#0c1424",
"border": "#d7dbe4",
"ring": "#1f45d6"
},
"dark": {
"background": "#080c16",
"foreground": "#eef1f7",
"card": "#0f1524",
"card-foreground": "#eef1f7",
"primary": "#7d97ff",
"primary-foreground": "#08123a",
"secondary": "#18213a",
"secondary-foreground": "#eef1f7",
"muted": "#131a2b",
"muted-foreground": "#a0a8b9",
"accent": "#c6f24e",
"accent-foreground": "#0c1424",
"border": "#222b40",
"ring": "#7d97ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/motion.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-motion.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/motion.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/motion.jpg"
},
{
"slug": "neon",
"name": "Neon",
"description": "Cyber-night with acid lime and hot magenta glow. Loud, high-energy — events, gaming and Web3 launches.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.625rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Unbounded', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Inter:wght@400;500;600;700",
"Unbounded:wght@600;800"
]
},
"light": {
"background": "#f6f7f2",
"foreground": "#0d0f0a",
"card": "#ffffff",
"card-foreground": "#0d0f0a",
"primary": "#3f7300",
"primary-foreground": "#ffffff",
"secondary": "#e8eddd",
"secondary-foreground": "#1a2010",
"muted": "#eef1e6",
"muted-foreground": "#5a6150",
"accent": "#ffd6f5",
"accent-foreground": "#7a0062",
"border": "#d8ddcd",
"ring": "#3f7300"
},
"dark": {
"background": "#07080a",
"foreground": "#effff0",
"card": "#0f1114",
"card-foreground": "#effff0",
"primary": "#b6ff3b",
"primary-foreground": "#0b1200",
"secondary": "#171a1f",
"secondary-foreground": "#effff0",
"muted": "#14171b",
"muted-foreground": "#8d968a",
"accent": "#ff3dcf",
"accent-foreground": "#22001b",
"border": "#262a31",
"ring": "#b6ff3b"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/neon.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Unbounded:wght@600;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-neon.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/neon.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/neon.jpg"
},
{
"slug": "noir",
"name": "Noir",
"description": "Dark luxury: near-black, warm ivory and antique bronze, Cormorant Garamond headlines, square corners and a fine grain. Jewellers, bars, hotels, tailors.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "grain",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Luxury"
},
"fonts": {
"sans": "'Jost', ui-sans-serif, system-ui, sans-serif",
"display": "'Cormorant Garamond', ui-serif, Georgia, serif",
"googleFonts": [
"Jost:wght@300;400;500;600",
"Cormorant+Garamond:wght@500;600;700"
]
},
"light": {
"background": "#f5f2ec",
"foreground": "#14120f",
"card": "#fbf9f5",
"card-foreground": "#14120f",
"primary": "#6b5428",
"primary-foreground": "#ffffff",
"secondary": "#ebe5d8",
"secondary-foreground": "#14120f",
"muted": "#ede8de",
"muted-foreground": "#5a5347",
"accent": "#d4b26a",
"accent-foreground": "#14120f",
"border": "#d8d0c0",
"ring": "#6b5428"
},
"dark": {
"background": "#0d0c0a",
"foreground": "#ede6d8",
"card": "#15130f",
"card-foreground": "#ede6d8",
"primary": "#d4b26a",
"primary-foreground": "#14100a",
"secondary": "#1c1a15",
"secondary-foreground": "#ede6d8",
"muted": "#18160f",
"muted-foreground": "#a59c8a",
"accent": "#d4b26a",
"accent-foreground": "#14100a",
"border": "#2e2a22",
"ring": "#d4b26a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/noir.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Cormorant+Garamond:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-noir.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/noir.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/noir.jpg"
},
{
"slug": "nord",
"name": "Nord",
"description": "Gallery-white, graphite and a single oxide accent with Inter Tight. Quiet, precise, architectural.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter Tight', ui-sans-serif, system-ui, sans-serif",
"display": "'Inter Tight', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Inter+Tight:wght@300;400;500;600;700;800"
]
},
"light": {
"background": "#f3f2ef",
"foreground": "#141414",
"card": "#ffffff",
"card-foreground": "#141414",
"primary": "#141414",
"primary-foreground": "#f3f2ef",
"secondary": "#e6e4df",
"secondary-foreground": "#141414",
"muted": "#e9e7e2",
"muted-foreground": "#5f5e5a",
"accent": "#b4532a",
"accent-foreground": "#ffffff",
"border": "#d6d3cc",
"ring": "#141414"
},
"dark": {
"background": "#121212",
"foreground": "#ecebe7",
"card": "#1a1a1a",
"card-foreground": "#ecebe7",
"primary": "#ecebe7",
"primary-foreground": "#121212",
"secondary": "#242424",
"secondary-foreground": "#ecebe7",
"muted": "#1f1f1f",
"muted-foreground": "#9d9b96",
"accent": "#d9774b",
"accent-foreground": "#140a05",
"border": "#2e2e2e",
"ring": "#ecebe7"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/nord.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-nord.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/nord.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/nord.jpg"
},
{
"slug": "obsidian",
"name": "Obsidian",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.75rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "grain",
"motion": "subtle",
"headingWeight": "500",
"headingTracking": "tighter",
"headingSize": "default",
"buttons": "default",
"label": "Minimal"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Inter Tight', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Inter+Tight:wght@400;500;600",
"Inter:wght@400;500;600;700"
]
},
"light": {
"background": "#f5f5f4",
"foreground": "#0c0c0d",
"card": "#ffffff",
"card-foreground": "#0c0c0d",
"primary": "#18181b",
"primary-foreground": "#fafafa",
"secondary": "#e9e9e7",
"secondary-foreground": "#18181b",
"muted": "#e9e9e7",
"muted-foreground": "#57575c",
"accent": "#d6d3d1",
"accent-foreground": "#1c1917",
"border": "#dedcd9",
"ring": "#18181b"
},
"dark": {
"background": "#050505",
"foreground": "#ededed",
"card": "#0e0e0f",
"card-foreground": "#ededed",
"primary": "#ededed",
"primary-foreground": "#0a0a0a",
"secondary": "#161617",
"secondary-foreground": "#ededed",
"muted": "#141415",
"muted-foreground": "#9b9ba1",
"accent": "#232326",
"accent-foreground": "#ededed",
"border": "#1f1f22",
"ring": "#ededed"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/obsidian.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Headings: weight 500, tighter letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.05em;\n}\n\n/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-obsidian.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/obsidian.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/obsidian.jpg"
},
{
"slug": "ocean",
"name": "Ocean",
"description": "Clear blues and sea-glass teal on airy white. Trustworthy and fresh — fintech, travel, health.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.875rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"display": "'Sora', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Manrope:wght@400;500;600;700",
"Sora:wght@600;700"
]
},
"light": {
"background": "#f5f9fc",
"foreground": "#0b2236",
"card": "#ffffff",
"card-foreground": "#0b2236",
"primary": "#0b6bcb",
"primary-foreground": "#ffffff",
"secondary": "#e3eff8",
"secondary-foreground": "#0b2236",
"muted": "#eaf2f8",
"muted-foreground": "#4f6a80",
"accent": "#c9f1ea",
"accent-foreground": "#08463d",
"border": "#d5e3ee",
"ring": "#0b6bcb"
},
"dark": {
"background": "#06131f",
"foreground": "#e4f0fa",
"card": "#0b1d2e",
"card-foreground": "#e4f0fa",
"primary": "#4aa3ff",
"primary-foreground": "#04121f",
"secondary": "#11283d",
"secondary-foreground": "#e4f0fa",
"muted": "#0f2336",
"muted-foreground": "#8aa5bb",
"accent": "#0f3d38",
"accent-foreground": "#9ff0e1",
"border": "#1b3349",
"ring": "#4aa3ff"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/ocean.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-ocean.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/ocean.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/ocean.jpg"
},
{
"slug": "olea",
"name": "Olea",
"description": "Olive, terracotta and linen with Gilda Display and Manrope. Restaurants, trattorias, wine bars.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.375rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Manrope', ui-sans-serif, system-ui, sans-serif",
"display": "'Gilda Display', ui-serif, Georgia, serif",
"googleFonts": [
"Manrope:wght@400;500;600;700",
"Gilda+Display"
]
},
"light": {
"background": "#f5f0e6",
"foreground": "#1f2118",
"card": "#fbf8f1",
"card-foreground": "#1f2118",
"primary": "#3d4a2b",
"primary-foreground": "#f7f2e8",
"secondary": "#e7dfcd",
"secondary-foreground": "#1f2118",
"muted": "#ece5d6",
"muted-foreground": "#5d5f4f",
"accent": "#a9492a",
"accent-foreground": "#fff8f0",
"border": "#d9d0bc",
"ring": "#3d4a2b"
},
"dark": {
"background": "#13150f",
"foreground": "#efe9dc",
"card": "#1b1e16",
"card-foreground": "#efe9dc",
"primary": "#c9d29a",
"primary-foreground": "#1a1f10",
"secondary": "#262a1f",
"secondary-foreground": "#efe9dc",
"muted": "#20241a",
"muted-foreground": "#a9ab98",
"accent": "#d4714c",
"accent-foreground": "#1a0d07",
"border": "#30352a",
"ring": "#c9d29a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/olea.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Gilda+Display&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-olea.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/olea.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/olea.jpg"
},
{
"slug": "paper",
"name": "Paper",
"description": "Warm off-white paper with ink-black type and a vermilion accent. Calm, editorial, readable.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"default": true,
"radius": "0.75rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Public Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Fraunces', ui-serif, Georgia, serif",
"googleFonts": [
"Public+Sans:wght@400;500;600;700",
"Fraunces:wght@400;600;700;900"
]
},
"light": {
"background": "#faf7f2",
"foreground": "#1c1917",
"card": "#ffffff",
"card-foreground": "#1c1917",
"primary": "#c53822",
"primary-foreground": "#ffffff",
"secondary": "#f1ece4",
"secondary-foreground": "#292524",
"muted": "#f1ece4",
"muted-foreground": "#6b625a",
"accent": "#fde7dc",
"accent-foreground": "#7a2414",
"border": "#e6dfd4",
"ring": "#c53822"
},
"dark": {
"background": "#151311",
"foreground": "#f5f0e8",
"card": "#1d1a17",
"card-foreground": "#f5f0e8",
"primary": "#ff6a4d",
"primary-foreground": "#1a0a06",
"secondary": "#26221e",
"secondary-foreground": "#f5f0e8",
"muted": "#26221e",
"muted-foreground": "#a69d92",
"accent": "#3a1d15",
"accent-foreground": "#ffd9cc",
"border": "#34302b",
"ring": "#ff6a4d"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/paper.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Fraunces:wght@400;600;700;900&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-paper.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/paper.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/paper.jpg"
},
{
"slug": "pebble",
"name": "Pebble",
"description": "Neumorphic: cool grey panels pressed out of the page with paired light and dark shadows, no borders, DM Sans. Calm apps, studios, wellness.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "neu",
"border": "0px",
"surface": "solid",
"texture": "none",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Neumorphic"
},
"fonts": {
"sans": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'DM Sans', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"DM+Sans:wght@400;500;600;700"
]
},
"light": {
"background": "#e6e9ef",
"foreground": "#1f2633",
"card": "#e6e9ef",
"card-foreground": "#1f2633",
"primary": "#2f5d8a",
"primary-foreground": "#ffffff",
"secondary": "#dde1e8",
"secondary-foreground": "#1f2633",
"muted": "#dde1e8",
"muted-foreground": "#4a5262",
"accent": "#ffd9a8",
"accent-foreground": "#1f2633",
"border": "#d0d5de",
"ring": "#2f5d8a"
},
"dark": {
"background": "#23272f",
"foreground": "#e4e8ef",
"card": "#23272f",
"card-foreground": "#e4e8ef",
"primary": "#8cb8e8",
"primary-foreground": "#10161f",
"secondary": "#2a2f38",
"secondary-foreground": "#e4e8ef",
"muted": "#2a2f38",
"muted-foreground": "#a9b1bf",
"accent": "#f5c27a",
"accent-foreground": "#1a1408",
"border": "#323844",
"ring": "#8cb8e8"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/pebble.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "0px",
"--shadow-2xs": "1px 1px 2px var(--style-lowlight), -1px -1px 2px var(--style-highlight)",
"--shadow-xs": "2px 2px 4px var(--style-lowlight), -2px -2px 4px var(--style-highlight)",
"--shadow-sm": "4px 4px 8px var(--style-lowlight), -4px -4px 8px var(--style-highlight)",
"--shadow-md": "8px 8px 16px var(--style-lowlight), -8px -8px 16px var(--style-highlight)",
"--shadow-lg": "12px 12px 24px var(--style-lowlight), -12px -12px 24px var(--style-highlight)",
"--shadow-xl": "18px 18px 36px var(--style-lowlight), -18px -18px 36px var(--style-highlight)",
"--shadow-2xl": "24px 24px 48px var(--style-lowlight), -24px -24px 48px var(--style-highlight)"
},
"styleRules": "/* Neumorphic light: a highlight and a lowlight that suit each mode. */\n:root {\n --style-highlight: rgb(255 255 255 / 0.85);\n --style-lowlight: color-mix(in srgb, var(--foreground) 16%, transparent);\n}\n.dark {\n --style-highlight: rgb(255 255 255 / 0.06);\n --style-lowlight: rgb(0 0 0 / 0.5);\n}\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n box-shadow: var(--shadow-md);\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-pebble.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/pebble.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/pebble.jpg"
},
{
"slug": "petal",
"name": "Petal & Stem",
"description": "Blush, peony and stem green with Gloock and Albert Sans. Florists, flower farms, gift shops.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Albert Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Gloock', ui-serif, Georgia, serif",
"googleFonts": [
"Albert+Sans:wght@400;500;600;700",
"Gloock"
]
},
"light": {
"background": "#fbf3f1",
"foreground": "#2a1f22",
"card": "#fffaf8",
"card-foreground": "#2a1f22",
"primary": "#b0365a",
"primary-foreground": "#ffffff",
"secondary": "#f6dfe0",
"secondary-foreground": "#2a1f22",
"muted": "#f4e8e6",
"muted-foreground": "#6c5a5e",
"accent": "#5e7d4f",
"accent-foreground": "#ffffff",
"border": "#ecd6d6",
"ring": "#b0365a"
},
"dark": {
"background": "#171012",
"foreground": "#f5e9ea",
"card": "#20171a",
"card-foreground": "#f5e9ea",
"primary": "#f08aa8",
"primary-foreground": "#3a0c1c",
"secondary": "#33232a",
"secondary-foreground": "#f5e9ea",
"muted": "#271c20",
"muted-foreground": "#bba6ab",
"accent": "#9cc08a",
"accent-foreground": "#14200e",
"border": "#3a2a30",
"ring": "#f08aa8"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/petal.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&family=Gloock&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-petal.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/petal.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/petal.jpg"
},
{
"slug": "pinehollow",
"name": "Pinehollow",
"description": "Pine, rust and oatmeal wool with Zilla Slab and Karla. Cabins, B&Bs, guesthouses, campsites.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Karla', ui-sans-serif, system-ui, sans-serif",
"display": "'Zilla Slab', ui-serif, Georgia, serif",
"googleFonts": [
"Karla:wght@400;500;600;700",
"Zilla+Slab:wght@500;600;700"
]
},
"light": {
"background": "#f1ece2",
"foreground": "#1d221c",
"card": "#f9f6ef",
"card-foreground": "#1d221c",
"primary": "#2e3d2b",
"primary-foreground": "#f4efe4",
"secondary": "#e2dacb",
"secondary-foreground": "#1d221c",
"muted": "#e8e1d3",
"muted-foreground": "#56594f",
"accent": "#a64b28",
"accent-foreground": "#fff7ec",
"border": "#d4cab7",
"ring": "#2e3d2b"
},
"dark": {
"background": "#121510",
"foreground": "#ece5d8",
"card": "#1a1e17",
"card-foreground": "#ece5d8",
"primary": "#b9cfa4",
"primary-foreground": "#162011",
"secondary": "#262b22",
"secondary-foreground": "#ece5d8",
"muted": "#1e221a",
"muted-foreground": "#a6a796",
"accent": "#d0703f",
"accent-foreground": "#1a0b04",
"border": "#2f352a",
"ring": "#b9cfa4"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/pinehollow.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&family=Zilla+Slab:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-pinehollow.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/pinehollow.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/pinehollow.jpg"
},
{
"slug": "poster",
"name": "Poster",
"description": "Neo-brutalist: cream paper, black 2px outlines, hard offset shadows, cobalt and marigold, Archivo Black headings and a little grain.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "hard",
"border": "2px",
"surface": "solid",
"texture": "grain",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Neo-brutalist"
},
"fonts": {
"sans": "'Space Grotesk', ui-sans-serif, system-ui, sans-serif",
"display": "'Archivo Black', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Space+Grotesk:wght@400;500;600;700",
"Archivo+Black"
]
},
"light": {
"background": "#fff4d6",
"foreground": "#111111",
"card": "#ffffff",
"card-foreground": "#111111",
"primary": "#2337e0",
"primary-foreground": "#ffffff",
"secondary": "#ffe08a",
"secondary-foreground": "#111111",
"muted": "#f6e8bf",
"muted-foreground": "#4a4535",
"accent": "#ffc629",
"accent-foreground": "#111111",
"border": "#111111",
"ring": "#111111"
},
"dark": {
"background": "#141310",
"foreground": "#fff4d6",
"card": "#1e1c17",
"card-foreground": "#fff4d6",
"primary": "#ffc629",
"primary-foreground": "#111111",
"secondary": "#2b2820",
"secondary-foreground": "#fff4d6",
"muted": "#24221c",
"muted-foreground": "#c2b99f",
"accent": "#ff7a59",
"accent-foreground": "#111111",
"border": "#fff4d6",
"ring": "#ffc629"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/poster.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Archivo+Black&display=swap",
"styleVars": {
"--border-width": "2px",
"--shadow-2xs": "1px 1px 0 0 var(--ring)",
"--shadow-xs": "2px 2px 0 0 var(--ring)",
"--shadow-sm": "2px 2px 0 0 var(--ring)",
"--shadow-md": "3px 3px 0 0 var(--ring)",
"--shadow-lg": "4px 4px 0 0 var(--ring)",
"--shadow-xl": "6px 6px 0 0 var(--ring)",
"--shadow-2xl": "8px 8px 0 0 var(--ring)"
},
"styleRules": "/* Hard shadows: padded, rounded panels and buttons get an outline and sit on an offset block. */\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n border: var(--border-width) solid var(--foreground);\n box-shadow: var(--shadow-md);\n}\n\n/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-poster.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/poster.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/poster.jpg"
},
{
"slug": "prism",
"name": "Prism",
"description": "Warm white with vermilion and butter yellow, Familjen Grotesk headings. For creative tools and studios.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Figtree', ui-sans-serif, system-ui, sans-serif",
"display": "'Familjen Grotesk', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Figtree:wght@400;500;600;700",
"Familjen+Grotesk:wght@500;600;700"
]
},
"light": {
"background": "#fbfaff",
"foreground": "#15122b",
"card": "#ffffff",
"card-foreground": "#15122b",
"primary": "#b8351f",
"primary-foreground": "#ffffff",
"secondary": "#ffd6ec",
"secondary-foreground": "#3b0d26",
"muted": "#f1effa",
"muted-foreground": "#5d5878",
"accent": "#ffe08a",
"accent-foreground": "#5a3b00",
"border": "#e4e0f3",
"ring": "#b8351f"
},
"dark": {
"background": "#0d0b1a",
"foreground": "#f2efff",
"card": "#151229",
"card-foreground": "#f2efff",
"primary": "#ff7a5c",
"primary-foreground": "#2a0a03",
"secondary": "#3d1a33",
"secondary-foreground": "#ffe0f0",
"muted": "#1a1730",
"muted-foreground": "#a8a3c7",
"accent": "#ffbf80",
"accent-foreground": "#2a1500",
"border": "#2a2645",
"ring": "#ff7a5c"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/prism.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Familjen+Grotesk:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-prism.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/prism.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/prism.jpg"
},
{
"slug": "pulse",
"name": "Pulse",
"description": "Gym-floor black with volt yellow-green and a condensed Anton headline face. Loud, athletic, high-contrast.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.375rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Anton', Impact, ui-sans-serif, sans-serif",
"googleFonts": [
"Inter:wght@400;500;600;700;800",
"Anton"
]
},
"light": {
"background": "#f4f4f1",
"foreground": "#0b0b0b",
"card": "#ffffff",
"card-foreground": "#0b0b0b",
"primary": "#0b0b0b",
"primary-foreground": "#d7ff3a",
"secondary": "#e9e9e4",
"secondary-foreground": "#0b0b0b",
"muted": "#ecece7",
"muted-foreground": "#5b5b57",
"accent": "#d7ff3a",
"accent-foreground": "#0b0b0b",
"border": "#d9d9d3",
"ring": "#0b0b0b"
},
"dark": {
"background": "#0b0b0b",
"foreground": "#f4f4f1",
"card": "#151515",
"card-foreground": "#f4f4f1",
"primary": "#d7ff3a",
"primary-foreground": "#0b0b0b",
"secondary": "#1e1e1e",
"secondary-foreground": "#f4f4f1",
"muted": "#1a1a1a",
"muted-foreground": "#a3a39d",
"accent": "#d7ff3a",
"accent-foreground": "#0b0b0b",
"border": "#2a2a2a",
"ring": "#d7ff3a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/pulse.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Anton&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-pulse.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/pulse.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/pulse.jpg"
},
{
"slug": "putty",
"name": "Putty",
"description": "Clay: puffy peach and mint panels with soft coloured shadows and inner highlights, big round corners, Fredoka headings. Kids, pets, cafés, friendly apps.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.75rem",
"style": {
"shadow": "clay",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Clay"
},
"fonts": {
"sans": "'Nunito', ui-sans-serif, system-ui, sans-serif",
"display": "'Fredoka', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Nunito:wght@400;500;600;700;800",
"Fredoka:wght@400;500;600;700"
]
},
"light": {
"background": "#fdf3ea",
"foreground": "#2b2118",
"card": "#fffaf5",
"card-foreground": "#2b2118",
"primary": "#b93d0c",
"primary-foreground": "#ffffff",
"secondary": "#ffe4cc",
"secondary-foreground": "#2b2118",
"muted": "#f6e9dc",
"muted-foreground": "#6b5644",
"accent": "#b9f0d9",
"accent-foreground": "#1d2b24",
"border": "#f0dccb",
"ring": "#b93d0c"
},
"dark": {
"background": "#1f1a17",
"foreground": "#f7ede4",
"card": "#2a231f",
"card-foreground": "#f7ede4",
"primary": "#fdba74",
"primary-foreground": "#2b1606",
"secondary": "#3a2e26",
"secondary-foreground": "#f7ede4",
"muted": "#2a231f",
"muted-foreground": "#c9b8a8",
"accent": "#6ee7b7",
"accent-foreground": "#0f2a1f",
"border": "#3a302a",
"ring": "#fdba74"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/putty.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "1px 1px 2px color-mix(in srgb, var(--primary) 20%, transparent), inset -1px -1px 2px var(--style-lowlight), inset 1px 1px 2px var(--style-highlight)",
"--shadow-xs": "2px 2px 4px color-mix(in srgb, var(--primary) 20%, transparent), inset -1px -1px 2px var(--style-lowlight), inset 1px 1px 2px var(--style-highlight)",
"--shadow-sm": "4px 4px 8px color-mix(in srgb, var(--primary) 20%, transparent), inset -1px -1px 2px var(--style-lowlight), inset 1px 1px 2px var(--style-highlight)",
"--shadow-md": "8px 8px 16px color-mix(in srgb, var(--primary) 20%, transparent), inset -3px -3px 6px var(--style-lowlight), inset 3px 3px 6px var(--style-highlight)",
"--shadow-lg": "12px 12px 24px color-mix(in srgb, var(--primary) 20%, transparent), inset -4px -4px 8px var(--style-lowlight), inset 4px 4px 8px var(--style-highlight)",
"--shadow-xl": "18px 18px 36px color-mix(in srgb, var(--primary) 20%, transparent), inset -6px -6px 12px var(--style-lowlight), inset 6px 6px 12px var(--style-highlight)",
"--shadow-2xl": "24px 24px 48px color-mix(in srgb, var(--primary) 20%, transparent), inset -8px -8px 16px var(--style-lowlight), inset 8px 8px 16px var(--style-highlight)"
},
"styleRules": "/* Clay light: a highlight and a lowlight that suit each mode. */\n:root {\n --style-highlight: rgb(255 255 255 / 0.6);\n --style-lowlight: color-mix(in srgb, var(--foreground) 10%, transparent);\n}\n.dark {\n --style-highlight: rgb(255 255 255 / 0.1);\n --style-lowlight: rgb(0 0 0 / 0.35);\n}\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n box-shadow: var(--shadow-lg);\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-putty.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/putty.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/putty.jpg"
},
{
"slug": "quavermoor",
"name": "Quavermoor",
"description": "Plum, ivory and brass with Prata and Inter. Music schools, tutors, dance and drama academies.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Prata', ui-serif, Georgia, serif",
"googleFonts": [
"Inter:wght@400;500;600;700",
"Prata"
]
},
"light": {
"background": "#f8f4ee",
"foreground": "#241628",
"card": "#fffdf9",
"card-foreground": "#241628",
"primary": "#4b1d52",
"primary-foreground": "#fbf4ee",
"secondary": "#eadff0",
"secondary-foreground": "#241628",
"muted": "#efe8e2",
"muted-foreground": "#655a68",
"accent": "#d9a441",
"accent-foreground": "#241628",
"border": "#ddd2d8",
"ring": "#4b1d52"
},
"dark": {
"background": "#150d18",
"foreground": "#f3ece6",
"card": "#1d1421",
"card-foreground": "#f3ece6",
"primary": "#d8a8e0",
"primary-foreground": "#2a0b30",
"secondary": "#2e2033",
"secondary-foreground": "#f3ece6",
"muted": "#221827",
"muted-foreground": "#b0a3b2",
"accent": "#d9a441",
"accent-foreground": "#241628",
"border": "#36283b",
"ring": "#d8a8e0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/quavermoor.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Prata&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-quavermoor.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/quavermoor.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/quavermoor.jpg"
},
{
"slug": "raw",
"name": "Raw",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0rem",
"style": {
"shadow": "none",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "none",
"headingWeight": "500",
"headingTracking": "tighter",
"headingSize": "large",
"buttons": "default",
"label": "Raw"
},
"fonts": {
"sans": "'Space Mono', ui-monospace, monospace",
"display": "'Space Grotesk', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Space+Grotesk:wght@500;700",
"Space+Mono:wght@400;700"
]
},
"light": {
"background": "#e6e5e0",
"foreground": "#111111",
"card": "#efeee9",
"card-foreground": "#111111",
"primary": "#111111",
"primary-foreground": "#e6e5e0",
"secondary": "#d9d8d2",
"secondary-foreground": "#111111",
"muted": "#dcdbd5",
"muted-foreground": "#4a4a46",
"accent": "#ff5a1f",
"accent-foreground": "#111111",
"border": "#111111",
"ring": "#ff5a1f"
},
"dark": {
"background": "#0d0d0d",
"foreground": "#e6e5e0",
"card": "#151515",
"card-foreground": "#e6e5e0",
"primary": "#e6e5e0",
"primary-foreground": "#0d0d0d",
"secondary": "#1c1c1c",
"secondary-foreground": "#e6e5e0",
"muted": "#181818",
"muted-foreground": "#a3a29c",
"accent": "#ff4a14",
"accent-foreground": "#0d0d0d",
"border": "#e6e5e0",
"ring": "#ff4a14"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/raw.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Space+Mono:wght@400;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 0 #0000",
"--shadow-xs": "0 0 #0000",
"--shadow-sm": "0 0 #0000",
"--shadow-md": "0 0 #0000",
"--shadow-lg": "0 0 #0000",
"--shadow-xl": "0 0 #0000",
"--shadow-2xl": "0 0 #0000"
},
"styleRules": "/* Headings: large. Page and section headings only, not those inside cards, dialogs, navigation or footers. */\n:is(h1, h2):not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n line-height: 1;\n text-wrap: balance;\n}\nh1:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2.5rem, 6vw, 5rem);\n}\nh2:not([data-keep-heading]):not([class~=\"bg-card\"] *, [role=\"dialog\"] *, dialog *, nav *, header *, footer *) {\n font-size: clamp(2rem, 4.2vw, 3.25rem);\n}\n\n/* Headings: weight 500, tighter letter-spacing. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 500;\n letter-spacing: -0.05em;\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-raw.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/raw.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/raw.jpg"
},
{
"slug": "riso",
"name": "Riso",
"description": "Risograph print: off-white paper, navy ink, fluorescent pink and blue, misregistered pink offset shadows and grain, Bricolage Grotesque. Zines, record shops, events.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "hard",
"border": "1px",
"surface": "solid",
"texture": "grain",
"motion": "lively",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Risograph"
},
"fonts": {
"sans": "'Work Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Work+Sans:wght@400;500;600;700",
"Bricolage+Grotesque:wght@500;600;700;800"
]
},
"light": {
"background": "#f6f1e7",
"foreground": "#1d1d3a",
"card": "#fbf8f1",
"card-foreground": "#1d1d3a",
"primary": "#c2006b",
"primary-foreground": "#ffffff",
"secondary": "#ffd6ea",
"secondary-foreground": "#1d1d3a",
"muted": "#ece5d6",
"muted-foreground": "#524d66",
"accent": "#00609c",
"accent-foreground": "#ffffff",
"border": "#1d1d3a",
"ring": "#ff48b0"
},
"dark": {
"background": "#16152b",
"foreground": "#f6f1e7",
"card": "#1f1d38",
"card-foreground": "#f6f1e7",
"primary": "#ff6fbf",
"primary-foreground": "#16152b",
"secondary": "#2a2748",
"secondary-foreground": "#f6f1e7",
"muted": "#1f1d38",
"muted-foreground": "#b3aec8",
"accent": "#4db3ff",
"accent-foreground": "#16152b",
"border": "#f6f1e7",
"ring": "#ff6fbf"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/riso.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&family=Bricolage+Grotesque:wght@500;600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "1px 1px 0 0 var(--ring)",
"--shadow-xs": "2px 2px 0 0 var(--ring)",
"--shadow-sm": "2px 2px 0 0 var(--ring)",
"--shadow-md": "3px 3px 0 0 var(--ring)",
"--shadow-lg": "4px 4px 0 0 var(--ring)",
"--shadow-xl": "6px 6px 0 0 var(--ring)",
"--shadow-2xl": "8px 8px 0 0 var(--ring)"
},
"styleRules": "/* Hard shadows: padded, rounded panels and buttons get an outline and sit on an offset block. */\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n border: var(--border-width) solid var(--foreground);\n box-shadow: var(--shadow-md);\n}\n\n/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (lively): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 2.5rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n section :is(h3, p, dl, blockquote, figure):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n section :is(ul, ol) > li:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 20%;\n }\n section :is(ul, ol) > li:nth-child(3n + 2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 8% cover 26%;\n }\n section :is(ul, ol) > li:nth-child(3n + 3):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation-range: entry 16% cover 32%;\n }\n section [class*=\"overflow-hidden\"] img:not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-zoom linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 45%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-riso.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/riso.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/riso.jpg"
},
{
"slug": "rose",
"name": "Rose",
"description": "Blush pink, rosewood and soft cream with an elegant serif. Weddings, beauty, wellness and boutiques.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Jost', ui-sans-serif, system-ui, sans-serif",
"display": "'Cormorant Garamond', ui-serif, Georgia, serif",
"googleFonts": [
"Jost:wght@400;500;600",
"Cormorant+Garamond:wght@500;600;700"
]
},
"light": {
"background": "#fff7f6",
"foreground": "#3a1a20",
"card": "#ffffff",
"card-foreground": "#3a1a20",
"primary": "#b23a5b",
"primary-foreground": "#ffffff",
"secondary": "#fbe5e6",
"secondary-foreground": "#4a2229",
"muted": "#fbecec",
"muted-foreground": "#7f5a61",
"accent": "#f3e3cf",
"accent-foreground": "#5a3a14",
"border": "#f0d8da",
"ring": "#b23a5b"
},
"dark": {
"background": "#1c0d10",
"foreground": "#fbe9eb",
"card": "#261317",
"card-foreground": "#fbe9eb",
"primary": "#f07a9a",
"primary-foreground": "#2a0610",
"secondary": "#351b20",
"secondary-foreground": "#fbe9eb",
"muted": "#2e181c",
"muted-foreground": "#c29ca3",
"accent": "#4a3720",
"accent-foreground": "#f5dcbc",
"border": "#432228",
"ring": "#f07a9a"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/rose.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Cormorant+Garamond:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-rose.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/rose.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/rose.jpg"
},
{
"slug": "slate",
"name": "Slate",
"description": "Petrol blue on cool grey with a no-nonsense grotesk. For firms, councils and anything that needs to read as trustworthy.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Source Sans 3', ui-sans-serif, system-ui, sans-serif",
"display": "'Libre Franklin', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Source+Sans+3:wght@400;600;700",
"Libre+Franklin:wght@600;700;800"
]
},
"light": {
"background": "#f8fafc",
"foreground": "#0f172a",
"card": "#ffffff",
"card-foreground": "#0f172a",
"primary": "#1d5070",
"primary-foreground": "#ffffff",
"secondary": "#e8edf5",
"secondary-foreground": "#1e293b",
"muted": "#f1f5f9",
"muted-foreground": "#526077",
"accent": "#dcebf2",
"accent-foreground": "#123448",
"border": "#dbe2ec",
"ring": "#1d5070"
},
"dark": {
"background": "#0b1120",
"foreground": "#e6edf7",
"card": "#111a2e",
"card-foreground": "#e6edf7",
"primary": "#7fb7d6",
"primary-foreground": "#08202e",
"secondary": "#1a2440",
"secondary-foreground": "#e6edf7",
"muted": "#162038",
"muted-foreground": "#94a3bd",
"accent": "#1e2f5c",
"accent-foreground": "#c3d6ff",
"border": "#24304d",
"ring": "#7fb7d6"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/slate.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=Libre+Franklin:wght@600;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-slate.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/slate.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/slate.jpg"
},
{
"slug": "sola",
"name": "Sola",
"description": "Terracotta, sunrise peach and oat with Epilogue and Onest. Yoga, pilates and movement studios.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Onest', ui-sans-serif, system-ui, sans-serif",
"display": "'Epilogue', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Onest:wght@400;500;600;700",
"Epilogue:wght@500;700;800"
]
},
"light": {
"background": "#f8f1e8",
"foreground": "#2a1d17",
"card": "#fffaf4",
"card-foreground": "#2a1d17",
"primary": "#a84628",
"primary-foreground": "#fff6ee",
"secondary": "#f6ddc9",
"secondary-foreground": "#2a1d17",
"muted": "#f1e6d8",
"muted-foreground": "#6b5a4f",
"accent": "#f2b48b",
"accent-foreground": "#2a1d17",
"border": "#e8d8c5",
"ring": "#a84628"
},
"dark": {
"background": "#17110e",
"foreground": "#f6ebe0",
"card": "#201813",
"card-foreground": "#f6ebe0",
"primary": "#f08a62",
"primary-foreground": "#2b0c02",
"secondary": "#33251d",
"secondary-foreground": "#f6ebe0",
"muted": "#271d18",
"muted-foreground": "#bba899",
"accent": "#f2b48b",
"accent-foreground": "#2a1d17",
"border": "#3b2c23",
"ring": "#f08a62"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/sola.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Epilogue:wght@500;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-sola.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/sola.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/sola.jpg"
},
{
"slug": "solenne",
"name": "Solenne",
"description": "Sun-bleached sand, deep sea blue and a soft terracotta, set in Instrument Serif. Coastal hospitality and travel.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Inter', ui-sans-serif, system-ui, sans-serif",
"display": "'Instrument Serif', ui-serif, Georgia, serif",
"googleFonts": [
"Inter:wght@300;400;500;600",
"Instrument+Serif:ital@0;1"
]
},
"light": {
"background": "#f6f1ea",
"foreground": "#1d2a33",
"card": "#fffdf9",
"card-foreground": "#1d2a33",
"primary": "#1f4e5f",
"primary-foreground": "#fdf8f1",
"secondary": "#ece3d6",
"secondary-foreground": "#1d2a33",
"muted": "#efe8dd",
"muted-foreground": "#5b6870",
"accent": "#e9c8a8",
"accent-foreground": "#4a2a12",
"border": "#e2d8ca",
"ring": "#1f4e5f"
},
"dark": {
"background": "#10191e",
"foreground": "#f1ebe2",
"card": "#16232a",
"card-foreground": "#f1ebe2",
"primary": "#8fc3d1",
"primary-foreground": "#0b1a20",
"secondary": "#1f2e36",
"secondary-foreground": "#f1ebe2",
"muted": "#1b2930",
"muted-foreground": "#a3afb5",
"accent": "#5c3c22",
"accent-foreground": "#f6dcc2",
"border": "#2a3a42",
"ring": "#8fc3d1"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/solenne.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-solenne.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/solenne.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/solenne.jpg"
},
{
"slug": "spruce",
"name": "Spruce",
"description": "Fresh aqua, mint and white with Fredoka and Poppins. Cleaning services, laundrettes, home care.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Poppins', ui-sans-serif, system-ui, sans-serif",
"display": "'Fredoka', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Poppins:wght@400;500;600",
"Fredoka:wght@500;600;700"
]
},
"light": {
"background": "#f3fbfa",
"foreground": "#0f2e2c",
"card": "#ffffff",
"card-foreground": "#0f2e2c",
"primary": "#0b7871",
"primary-foreground": "#ffffff",
"secondary": "#d7f3ee",
"secondary-foreground": "#0f2e2c",
"muted": "#e6f5f3",
"muted-foreground": "#4a6664",
"accent": "#ffcf5c",
"accent-foreground": "#0f2e2c",
"border": "#cfe7e4",
"ring": "#0b7871"
},
"dark": {
"background": "#081a19",
"foreground": "#e8f7f5",
"card": "#0e2524",
"card-foreground": "#e8f7f5",
"primary": "#5fd8cd",
"primary-foreground": "#032421",
"secondary": "#163533",
"secondary-foreground": "#e8f7f5",
"muted": "#112c2a",
"muted-foreground": "#9fbfbc",
"accent": "#ffcf5c",
"accent-foreground": "#0f2e2c",
"border": "#1e3d3b",
"ring": "#5fd8cd"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/spruce.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Fredoka:wght@500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-spruce.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/spruce.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/spruce.jpg"
},
{
"slug": "still",
"name": "Still",
"description": "Stone, sage and warm sand with Bellefair and Nunito Sans. Spas, massage, wellness and float centres.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "2rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Nunito Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Bellefair', ui-serif, Georgia, serif",
"googleFonts": [
"Nunito+Sans:wght@300;400;600;700",
"Bellefair"
]
},
"light": {
"background": "#f2efe9",
"foreground": "#2b2e2a",
"card": "#faf8f4",
"card-foreground": "#2b2e2a",
"primary": "#525e50",
"primary-foreground": "#f6f4ee",
"secondary": "#e4e2d8",
"secondary-foreground": "#2b2e2a",
"muted": "#e9e6de",
"muted-foreground": "#62665f",
"accent": "#c9b79c",
"accent-foreground": "#2b2e2a",
"border": "#d9d5ca",
"ring": "#525e50"
},
"dark": {
"background": "#141614",
"foreground": "#ebe8e1",
"card": "#1c1f1c",
"card-foreground": "#ebe8e1",
"primary": "#b5c4b0",
"primary-foreground": "#1a2418",
"secondary": "#272b26",
"secondary-foreground": "#ebe8e1",
"muted": "#1f231f",
"muted-foreground": "#a3a89f",
"accent": "#c9b79c",
"accent-foreground": "#2b2e2a",
"border": "#2f342e",
"ring": "#b5c4b0"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/still.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Bellefair&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-still.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/still.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/still.jpg"
},
{
"slug": "sunset",
"name": "Sunset",
"description": "Bold peach-to-magenta energy with chunky radius. Playful, loud, perfect for consumer apps and creators.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1.5rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
"display": "'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif",
"googleFonts": [
"Plus+Jakarta+Sans:wght@400;500;700",
"Bricolage+Grotesque:wght@600;800"
]
},
"light": {
"background": "#fff6f0",
"foreground": "#2a0f1f",
"card": "#ffffff",
"card-foreground": "#2a0f1f",
"primary": "#c81e5b",
"primary-foreground": "#ffffff",
"secondary": "#ffe4d4",
"secondary-foreground": "#4a1530",
"muted": "#ffeadf",
"muted-foreground": "#7d5466",
"accent": "#ffd166",
"accent-foreground": "#4a3300",
"border": "#f6d6c8",
"ring": "#c81e5b"
},
"dark": {
"background": "#1a0912",
"foreground": "#ffe9f0",
"card": "#24101b",
"card-foreground": "#ffe9f0",
"primary": "#ff5c93",
"primary-foreground": "#2a0614",
"secondary": "#331624",
"secondary-foreground": "#ffe9f0",
"muted": "#2e1421",
"muted-foreground": "#c39aab",
"accent": "#ffcf5c",
"accent-foreground": "#2a1d00",
"border": "#432033",
"ring": "#ff5c93"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/sunset.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&family=Bricolage+Grotesque:wght@600;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-sunset.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/sunset.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/sunset.jpg"
},
{
"slug": "tactile",
"name": "Tactile",
"description": "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.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "tactile",
"border": "1px",
"surface": "solid",
"texture": "grain",
"motion": "subtle",
"headingWeight": "400",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default",
"label": "Tactile"
},
"fonts": {
"sans": "'Figtree', ui-sans-serif, system-ui, sans-serif",
"display": "'Caprasimo', ui-serif, Georgia, serif",
"googleFonts": [
"Caprasimo",
"Figtree:wght@400;500;600;700"
]
},
"light": {
"background": "#efe9df",
"foreground": "#22201c",
"card": "#f8f4ec",
"card-foreground": "#22201c",
"primary": "#2f5d50",
"primary-foreground": "#ffffff",
"secondary": "#e4dccd",
"secondary-foreground": "#22201c",
"muted": "#e7e0d3",
"muted-foreground": "#5c564c",
"accent": "#e8b86b",
"accent-foreground": "#22201c",
"border": "#d8cfbf",
"ring": "#2f5d50"
},
"dark": {
"background": "#191814",
"foreground": "#efe9df",
"card": "#23211c",
"card-foreground": "#efe9df",
"primary": "#8fc2ad",
"primary-foreground": "#10201a",
"secondary": "#2a2822",
"secondary-foreground": "#efe9df",
"muted": "#26241f",
"muted-foreground": "#aaa293",
"accent": "#6b5532",
"accent-foreground": "#efe9df",
"border": "#36332b",
"ring": "#8fc2ad"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/tactile.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Caprasimo&family=Figtree:wght@400;500;600;700&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 1px -0px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-xs": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 2px -1px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-sm": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 1px 4px -1px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-md": "inset 0 1px 0 var(--style-highlight), inset 0 -1px 0 var(--style-lowlight), 0 3px 8px -2px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-lg": "inset 0 1px 0 var(--style-highlight), inset 0 -2px 0 var(--style-lowlight), 0 4px 12px -3px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-xl": "inset 0 1px 0 var(--style-highlight), inset 0 -3px 0 var(--style-lowlight), 0 6px 18px -5px color-mix(in srgb, var(--foreground) 22%, transparent)",
"--shadow-2xl": "inset 0 1px 0 var(--style-highlight), inset 0 -4px 0 var(--style-lowlight), 0 8px 24px -6px color-mix(in srgb, var(--foreground) 22%, transparent)"
},
"styleRules": "/* Headings: weight 400. */\n:is(h3, .font-display):not([data-keep-heading]) {\n font-weight: 400;\n}\n:is(h1, h2):not([data-keep-heading]) {\n font-weight: 400;\n}\n\n/* Tactile light: a highlight and a lowlight that suit each mode. */\n:root {\n --style-highlight: rgb(255 255 255 / 0.7);\n --style-lowlight: color-mix(in srgb, var(--foreground) 12%, transparent);\n}\n.dark {\n --style-highlight: rgb(255 255 255 / 0.09);\n --style-lowlight: rgb(0 0 0 / 0.45);\n}\n:is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is(\n [class^=\"p-\"],\n [class*=\" p-\"],\n [class^=\"px-\"],\n [class*=\" px-\"],\n [class^=\"py-\"],\n [class*=\" py-\"]\n ) {\n box-shadow: var(--shadow-md);\n}\n\n/* Grain: a faint noise layer over the whole page. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 100;\n pointer-events: none;\n opacity: 0.08;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-tactile.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/tactile.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/tactile.jpg"
},
{
"slug": "terminal",
"name": "Terminal",
"description": "Phosphor green on deep charcoal with a monospace voice. Built for developer tools, CLIs and infra.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.25rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'JetBrains Mono', ui-monospace, SFMono-Regular, monospace",
"display": "'JetBrains Mono', ui-monospace, SFMono-Regular, monospace",
"googleFonts": [
"JetBrains+Mono:wght@400;500;700;800"
]
},
"light": {
"background": "#f5f7f4",
"foreground": "#0f1a12",
"card": "#ffffff",
"card-foreground": "#0f1a12",
"primary": "#147a39",
"primary-foreground": "#ffffff",
"secondary": "#e6eee6",
"secondary-foreground": "#14251a",
"muted": "#edf2ec",
"muted-foreground": "#566a5b",
"accent": "#d8f5e0",
"accent-foreground": "#0b4a22",
"border": "#d3ddd3",
"ring": "#147a39"
},
"dark": {
"background": "#0a0d0b",
"foreground": "#d6f5dc",
"card": "#101511",
"card-foreground": "#d6f5dc",
"primary": "#3ddc84",
"primary-foreground": "#03140a",
"secondary": "#18201a",
"secondary-foreground": "#d6f5dc",
"muted": "#141a16",
"muted-foreground": "#7f9a86",
"accent": "#1d3a26",
"accent-foreground": "#9cf0b9",
"border": "#223027",
"ring": "#3ddc84"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/terminal.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-terminal.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/terminal.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/terminal.jpg"
},
{
"slug": "verelle",
"name": "Maison Verelle",
"description": "Champagne, blush and soft black with Italiana and Urbanist. Hair salons, colourists, beauty studios.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "1rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Urbanist', ui-sans-serif, system-ui, sans-serif",
"display": "'Italiana', ui-serif, Georgia, serif",
"googleFonts": [
"Urbanist:wght@400;500;600;700",
"Italiana"
]
},
"light": {
"background": "#f7f1ea",
"foreground": "#1c1714",
"card": "#fffaf5",
"card-foreground": "#1c1714",
"primary": "#1c1714",
"primary-foreground": "#f7f1ea",
"secondary": "#efdfd3",
"secondary-foreground": "#1c1714",
"muted": "#f0e6dc",
"muted-foreground": "#6a5c54",
"accent": "#d9a88f",
"accent-foreground": "#1c1714",
"border": "#e2d4c7",
"ring": "#1c1714"
},
"dark": {
"background": "#121010",
"foreground": "#f3ebe3",
"card": "#1b1817",
"card-foreground": "#f3ebe3",
"primary": "#f3ebe3",
"primary-foreground": "#1c1714",
"secondary": "#2b2421",
"secondary-foreground": "#f3ebe3",
"muted": "#211c1a",
"muted-foreground": "#ad9f96",
"accent": "#d9a88f",
"accent-foreground": "#1c1714",
"border": "#332b28",
"ring": "#f3ebe3"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/verelle.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&family=Italiana&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-verelle.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/verelle.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/verelle.jpg"
},
{
"slug": "wrenhollow",
"name": "Wrenhollow",
"description": "Sage, blush and ivory with Cormorant and Mulish. Wedding venues, event spaces, planners.",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"radius": "0.125rem",
"style": {
"shadow": "soft",
"border": "1px",
"surface": "solid",
"texture": "none",
"motion": "subtle",
"headingWeight": "default",
"headingTracking": "default",
"headingSize": "default",
"buttons": "default"
},
"fonts": {
"sans": "'Mulish', ui-sans-serif, system-ui, sans-serif",
"display": "'Cormorant', ui-serif, Georgia, serif",
"googleFonts": [
"Mulish:wght@400;500;600;700",
"Cormorant:ital,wght@0,500;0,600;1,500"
]
},
"light": {
"background": "#f8f5ef",
"foreground": "#25302a",
"card": "#fdfbf7",
"card-foreground": "#25302a",
"primary": "#4c5f4f",
"primary-foreground": "#fbf9f4",
"secondary": "#efe3dc",
"secondary-foreground": "#25302a",
"muted": "#efebe2",
"muted-foreground": "#5b655e",
"accent": "#e7c6b8",
"accent-foreground": "#25302a",
"border": "#e0dbcf",
"ring": "#4c5f4f"
},
"dark": {
"background": "#141814",
"foreground": "#efebe2",
"card": "#1b201c",
"card-foreground": "#efebe2",
"primary": "#b9cbb7",
"primary-foreground": "#18241a",
"secondary": "#2a2a26",
"secondary-foreground": "#efebe2",
"muted": "#1f241f",
"muted-foreground": "#a7aea6",
"accent": "#e7c6b8",
"accent-foreground": "#25302a",
"border": "#2d332d",
"ring": "#b9cbb7"
},
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/themes/wrenhollow.jpg"
},
"license": "PolyForm-Shield-1.0.0",
"googleFontsUrl": "https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&family=Cormorant:ital,wght@0,500;0,600;1,500&display=swap",
"styleVars": {
"--border-width": "1px",
"--shadow-2xs": "0 1px rgb(0 0 0 / 0.05)",
"--shadow-xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"--shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"--shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"--shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"--shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
},
"styleRules": "/* Motion (subtle): sections come in as you scroll. */\n@media (prefers-reduced-motion: no-preference) {\n @supports (animation-timeline: view()) {\n @keyframes cpui-rise {\n from {\n opacity: 0;\n translate: 0 1rem;\n }\n }\n @keyframes cpui-zoom {\n from {\n scale: 1.14;\n }\n }\n section :is(h1, h2):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *),\n :is([class~=\"bg-card\"], [class~=\"bg-primary\"], [class~=\"bg-accent\"], [class~=\"bg-secondary\"]):is([class*=\"rounded\"]):is( [class^=\"p-\"], [class*=\" p-\"], [class^=\"px-\"], [class*=\" px-\"], [class^=\"py-\"], [class*=\" py-\"] ):not(a, button):not([style]):not([class*=\"translate-\"]):not(nav *):not(header *):not([class*=\"animate-\"] *) {\n animation: cpui-rise linear backwards;\n animation-timeline: view();\n animation-range: entry 0% cover 22%;\n }\n }\n}",
"shadcnUrl": "https://copypasteui.dev/r/shadcn/theme-wrenhollow.json",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/themes/wrenhollow.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/themes/wrenhollow.jpg"
}
],
"templates": [
{
"slug": "acorns-nursery",
"name": "Little Acorns — Nursery & Preschool",
"description": "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.",
"brief": "a nursery, preschool, childminder, kids’ club or tutoring centre",
"theme": "acorns",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"acorns-hero",
"acorns-day",
"acorns-fees",
"acorns-spaces",
"acorns-parents",
"acorns-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/acorns-nursery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/acorns-nursery.webm#t=1"
},
{
"slug": "aether-ai",
"name": "Aether — AI Agents Launch",
"description": "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.",
"brief": "an AI product launch or waitlist",
"theme": "aether",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"aether-hero",
"aether-agents",
"aether-pipeline",
"aether-pricing",
"aether-beam-cta",
"aether-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai.webm#t=1.1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/aether-ai",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/aether-ai.webm#t=1.1"
},
{
"slug": "brightline-dental",
"name": "Brightline — Dental Clinic",
"description": "A family dental practice: reassuring hero with next appointment, treatments and fees, team with nervous-patient note, care-plan calculator, appointment request and footer.",
"brief": "a dentist, orthodontist, optician, GP or private clinic",
"theme": "brightline",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"brightline-hero",
"brightline-treatments",
"brightline-team",
"brightline-plans",
"brightline-booking",
"brightline-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/brightline-dental",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/brightline-dental.webm#t=1"
},
{
"slug": "brinebank-kitchen",
"name": "Brinebank — Seafood Restaurant",
"description": "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.",
"brief": "a seafood restaurant, bistro, wine bar, bookshop café, food magazine or independent shop with a story to tell",
"theme": "folio",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"brinebank-hero",
"brinebank-story",
"brinebank-menu",
"brinebank-boats",
"brinebank-book",
"brinebank-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/brinebank-kitchen",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/brinebank-kitchen.webm#t=1"
},
{
"slug": "canopy-resort",
"name": "Canopy — Resort & Eco-Lodge",
"description": "A rainforest eco-resort: full-screen aerial hero with availability search, villa selector, expanding experiences, sustainability stats, stay packages and a pool CTA footer.",
"brief": "a resort, eco-lodge, retreat or villa rental",
"theme": "canopy",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"canopy-hero",
"canopy-villas",
"canopy-experiences",
"canopy-impact",
"canopy-packages",
"canopy-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort.webm#t=1.2"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/canopy-resort",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/canopy-resort.webm#t=1.2"
},
{
"slug": "cinderwick-coffee",
"name": "Cinderwick — Coffee Roastery & Café",
"description": "A warm roastery site: serif hero, coffee shop with subscription toggle, café menu, farm-to-cup story, polaroid reviews, subscription CTA and café footer.",
"brief": "a coffee roaster, café or bakery",
"theme": "cinderwick",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"cinderwick-hero",
"cinderwick-coffee-shop",
"cinderwick-cafe-menu",
"cinderwick-farm-to-cup",
"cinderwick-polaroid-reviews",
"cinderwick-subscribe-cta",
"cinderwick-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/cinderwick-coffee",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/cinderwick-coffee.webm#t=1"
},
{
"slug": "clearwell-opticians",
"name": "Clearwell — Opticians",
"description": "An independent opticians: portrait hero with next free slots, bento of services and prices, frames by shape, patient reviews, appointment booking and footer.",
"brief": "an optician, optometrist, audiologist, dentist, skin clinic or any appointment-led clinic",
"theme": "liquid",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"clearwell-hero",
"clearwell-services",
"clearwell-frames",
"clearwell-reviews",
"clearwell-book",
"clearwell-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/clearwell-opticians.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/clearwell-opticians-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/clearwell-opticians",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/clearwell-opticians.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/clearwell-opticians-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/clearwell-opticians.jpg",
"previewVideoUrl": null
},
{
"slug": "common-ground-charity",
"name": "Common Ground — Charity & Nonprofit",
"description": "A community charity: appeal hero with live progress bar, impact counters, programmes, volunteer shift sign-up, donation widget with Gift Aid and footer.",
"brief": "a charity, nonprofit, community group, church, food bank or club",
"theme": "common-ground",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"common-ground-hero",
"common-ground-impact",
"common-ground-programmes",
"common-ground-volunteer",
"common-ground-donate",
"common-ground-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/common-ground-charity",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/common-ground-charity.webm#t=0.9"
},
{
"slug": "crestline-guiding",
"name": "Crestline — Mountain Walking Guides",
"description": "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.",
"brief": "a walking or trekking company, mountain guide, cycling tour, outdoor school or adventure travel agency",
"theme": "grid",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"crestline-hero",
"crestline-route",
"crestline-dates",
"crestline-numbers",
"crestline-photos",
"crestline-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/crestline-guiding",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/crestline-guiding.webm#t=1"
},
{
"slug": "crumb-bakery",
"name": "Crumb — Bakery & Patisserie",
"description": "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.",
"brief": "a bakery, patisserie, cake shop or dessert café",
"theme": "crumb",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"crumb-hero",
"crumb-bakes",
"crumb-process",
"crumb-reviews",
"crumb-orders",
"crumb-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/crumb-bakery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/crumb-bakery.webm#t=0.9"
},
{
"slug": "farstep-tours",
"name": "Farstep — Tour Operator",
"description": "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.",
"brief": "a tour operator, travel agency, outdoor guide or activity company",
"theme": "farstep",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"farstep-hero",
"farstep-tours",
"farstep-itinerary",
"farstep-reviews",
"farstep-faq",
"farstep-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/farstep-tours",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/farstep-tours.webm#t=1"
},
{
"slug": "fixwell-trades",
"name": "Fixwell — Plumber & Electrician",
"description": "An emergency trades business: live-availability hero with postcode ETA, trade service tabs, transparent day/night pricing, reviews, call-out request and emergency footer.",
"brief": "a plumber, electrician, heating engineer, locksmith or handyman",
"theme": "fixwell",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"fixwell-hero",
"fixwell-services",
"fixwell-prices",
"fixwell-reviews",
"fixwell-callout",
"fixwell-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/fixwell-trades",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/fixwell-trades.webm#t=0.9"
},
{
"slug": "fizzwhip-gelato",
"name": "Fizzwhip — Gelato Parlour",
"description": "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.",
"brief": "an ice-cream or gelato shop, dessert parlour, bubble tea, sweet shop, juice bar or kids' café",
"theme": "dopamine",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"fizzwhip-hero",
"fizzwhip-flavours",
"fizzwhip-prices",
"fizzwhip-parties",
"fizzwhip-visit",
"fizzwhip-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/fizzwhip-gelato.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/fizzwhip-gelato-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/fizzwhip-gelato",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/fizzwhip-gelato.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/fizzwhip-gelato-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/fizzwhip-gelato.jpg",
"previewVideoUrl": null
},
{
"slug": "flintmoor-barbers",
"name": "Flintmoor — Barbershop",
"description": "A neighbourhood barbershop: barber-pole hero with live queue, price board, barber cards with availability, review marquees, book-or-walk-in and footer.",
"brief": "a barbershop, men’s grooming studio or tattoo parlour",
"theme": "flintmoor",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"flintmoor-hero",
"flintmoor-prices",
"flintmoor-barbers",
"flintmoor-reviews",
"flintmoor-walkin",
"flintmoor-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/flintmoor-barbers",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/flintmoor-barbers.webm#t=0.9"
},
{
"slug": "florea-skincare",
"name": "Florea — Botanical Skincare Store",
"description": "A soft botanical e-commerce site: arched product hero, bestsellers, ingredient spotlight, morning/evening ritual, filterable reviews, skin quiz and footer.",
"brief": "a skincare, beauty or wellness brand",
"theme": "florea",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"florea-hero",
"florea-bestsellers",
"florea-ingredients",
"florea-ritual",
"florea-reviews",
"florea-skin-quiz",
"florea-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/florea-skincare",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/florea-skincare.webm#t=0.9"
},
{
"slug": "foxglove-brewery",
"name": "Foxglove — Brewery & Taproom",
"description": "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.",
"brief": "a brewery, taproom, pub, cocktail bar or distillery",
"theme": "foxglove",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"foxglove-hero",
"foxglove-taplist",
"foxglove-taproom",
"foxglove-events",
"foxglove-visit",
"foxglove-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/foxglove-brewery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/foxglove-brewery.webm#t=0.9"
},
{
"slug": "gearwright-garage",
"name": "Gearwright — Auto Repair Garage",
"description": "An independent garage: reg-plate lookup hero, service comparison table, live repair tracker, driver reviews, booking with courtesy car and footer.",
"brief": "a car garage, MOT centre, tyre shop, body shop or car detailer",
"theme": "gearwright",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"gearwright-hero",
"gearwright-services",
"gearwright-tracker",
"gearwright-reviews",
"gearwright-booking",
"gearwright-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/gearwright-garage",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/gearwright-garage.webm#t=0.9"
},
{
"slug": "glaze-days-pottery",
"name": "Glaze Days — Pottery Painting Café",
"description": "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.",
"brief": "a pottery painting café, craft workshop, kids' activity centre, play café or art class",
"theme": "putty",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"glaze-days-hero",
"glaze-days-pieces",
"glaze-days-how",
"glaze-days-parties",
"glaze-days-book",
"glaze-days-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/glaze-days-pottery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/glaze-days-pottery.webm#t=0.9"
},
{
"slug": "greenline-landscaping",
"name": "Greenline — Landscaping & Gardening",
"description": "A landscaping firm: garden panorama hero, service cards, plan-to-garden drag slider, client stories, garden enquiry form and footer.",
"brief": "a landscaper, gardener, tree surgeon, fencing or pool company",
"theme": "greenline",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"greenline-hero",
"greenline-services",
"greenline-plan-to-garden",
"greenline-reviews",
"greenline-quote",
"greenline-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/greenline-landscaping",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/greenline-landscaping.webm#t=0.9"
},
{
"slug": "hale-law",
"name": "Hale & Partners — Law Firm",
"description": "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.",
"brief": "a law firm, solicitor, notary, consultancy or financial adviser",
"theme": "hale",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"hale-hero",
"hale-practice-areas",
"hale-results",
"hale-partners",
"hale-consultation",
"hale-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/hale-law.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/hale-law-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/hale-law.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/hale-law",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/hale-law.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hale-law-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hale-law.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/hale-law.webm#t=0.9"
},
{
"slug": "harbour-float-spa",
"name": "Harbour Float — Float Tanks & Sauna",
"description": "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.",
"brief": "a float centre, sauna, spa, bathhouse, cold-water club or wellness studio",
"theme": "frost",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"harbour-float-hero",
"harbour-float-rooms",
"harbour-float-first-visit",
"harbour-float-prices",
"harbour-float-reviews",
"harbour-float-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/harbour-float-spa",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/harbour-float-spa.webm#t=0.9"
},
{
"slug": "hearth-wick-candles",
"name": "Hearth & Wick — Candle Maker",
"description": "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.",
"brief": "a candle maker, soap maker, potter, ceramicist, jeweller, bookbinder or any small maker who sells online and runs workshops",
"theme": "tactile",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"hearth-wick-hero",
"hearth-wick-candles",
"hearth-wick-workshops",
"hearth-wick-process",
"hearth-wick-reviews",
"hearth-wick-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/hearth-wick-candles.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/hearth-wick-candles-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/hearth-wick-candles",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/hearth-wick-candles.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hearth-wick-candles-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hearth-wick-candles.jpg",
"previewVideoUrl": null
},
{
"slug": "hollinmere-winery",
"name": "Hollinmere Estate — Winery & Vineyard",
"description": "A family vineyard: parallax hero, wine list with tasting profiles, a year in the vineyard, tasting bookings, wine club and footer.",
"brief": "a winery, vineyard, cidery, distillery or cellar door",
"theme": "hollinmere",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"hollinmere-hero",
"hollinmere-wines",
"hollinmere-estate",
"hollinmere-tastings",
"hollinmere-club",
"hollinmere-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/hollinmere-winery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollinmere-winery.webm#t=1"
},
{
"slug": "hollow-creek-farm",
"name": "Hollow Creek — Farm & Farm Shop",
"description": "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.",
"brief": "a farm, farm shop, orchard, CSA, market garden or dairy",
"theme": "hollow-creek",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"hollow-creek-hero",
"hollow-creek-box",
"hollow-creek-farm",
"hollow-creek-seasons",
"hollow-creek-visit",
"hollow-creek-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/hollow-creek-farm",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/hollow-creek-farm.webm#t=1"
},
{
"slug": "hush-hearing",
"name": "Hush Hearing — Audiologist",
"description": "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.",
"brief": "an audiologist, hearing centre, optician, speech therapist or tinnitus service",
"theme": "pebble",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"hush-hearing-hero",
"hush-hearing-services",
"hush-hearing-frequencies",
"hush-hearing-aids",
"hush-hearing-faq",
"hush-hearing-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/hush-hearing",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/hush-hearing.webm#t=0.9"
},
{
"slug": "ironbark-builders",
"name": "Ironbark — Builder & Renovations",
"description": "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.",
"brief": "a builder, contractor, roofer, carpenter, decorator or renovation company",
"theme": "ironbark",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"ironbark-hero",
"ironbark-services",
"ironbark-projects",
"ironbark-process",
"ironbark-quote",
"ironbark-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/ironbark-builders",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/ironbark-builders.webm#t=0.9"
},
{
"slug": "juniper-photography",
"name": "Juniper — Photographer",
"description": "A portrait and family photographer: split slideshow hero, filterable portfolio with lightbox, session packages, kind words, enquiry form and Instagram footer.",
"brief": "a photographer, videographer, artist, illustrator or tattoo artist",
"theme": "juniper",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"juniper-hero",
"juniper-portfolio",
"juniper-sessions",
"juniper-kind-words",
"juniper-enquiry",
"juniper-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/juniper-photography",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/juniper-photography.webm#t=0.9"
},
{
"slug": "keystone-estate-agents",
"name": "Keystone — Estate Agents",
"description": "An independent estate agency: property search hero, filterable listings, instant valuation, rotating reviews, branch contact with map and footer.",
"brief": "an estate agent, letting agent, property manager or holiday-let company",
"theme": "keystone",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"keystone-hero",
"keystone-listings",
"keystone-valuation",
"keystone-reviews",
"keystone-contact",
"keystone-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/keystone-estate-agents",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/keystone-estate-agents.webm#t=1"
},
{
"slug": "kiln-agency",
"name": "Studio Kiln — Creative Agency",
"description": "A small design studio: variable-font hero with rolling words, typographic case studies, services accordion, team polaroids, project-brief builder and marquee footer.",
"brief": "a design studio, creative or marketing agency, web designer or freelancer",
"theme": "kiln",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"kiln-hero",
"kiln-work",
"kiln-services",
"kiln-team",
"kiln-brief",
"kiln-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/kiln-agency",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/kiln-agency.webm#t=1"
},
{
"slug": "larder-lane-bakery",
"name": "Larder Lane — Sourdough Bakery",
"description": "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.",
"brief": "a bakery, café, doughnut shop, deli, ice-cream parlour or retro diner",
"theme": "groove",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"larder-lane-hero",
"larder-lane-steps",
"larder-lane-bakes",
"larder-lane-orders",
"larder-lane-reviews",
"larder-lane-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/larder-lane-bakery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/larder-lane-bakery.webm#t=1"
},
{
"slug": "ledger-accountants",
"name": "Ledger — Accountants & Bookkeepers",
"description": "A small-business accountancy: dashboard hero, plans repriced by business type, tax-deadline timeline, client stories, free-call booking and footer.",
"brief": "an accountant, bookkeeper, tax adviser, payroll or insurance broker",
"theme": "ledger",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"ledger-hero",
"ledger-plans",
"ledger-deadlines",
"ledger-clients",
"ledger-call",
"ledger-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/ledger-accountants",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/ledger-accountants.webm#t=0.9"
},
{
"slug": "lockfast-brewery",
"name": "Lockfast — Brewery Taproom",
"description": "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.",
"brief": "a brewery, taproom, craft beer bar, distillery, cider maker or bottle shop",
"theme": "poster",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"lockfast-hero",
"lockfast-beers",
"lockfast-events",
"lockfast-brewing",
"lockfast-cta",
"lockfast-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/lockfast-brewery",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/lockfast-brewery.webm#t=1"
},
{
"slug": "lumen-ai",
"name": "Lumen — AI Analytics SaaS",
"description": "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.",
"brief": "an AI or data SaaS product",
"theme": "lumen",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"lumen-hero",
"lumen-feature-bento",
"lumen-integrations-orbit",
"lumen-usage-pricing",
"lumen-customer-stories",
"lumen-command-cta",
"lumen-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/lumen-ai",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/lumen-ai.webm#t=0.9"
},
{
"slug": "margin-books",
"name": "Margin — Independent Bookshop",
"description": "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.",
"brief": "a bookshop, record shop, deli, wine shop, gallery or any independent shop with picks and events",
"theme": "masthead",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"margin-hero",
"margin-picks",
"margin-events",
"margin-subscription",
"margin-visit",
"margin-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/margin-books.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/margin-books-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/margin-books",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/margin-books.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/margin-books-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/margin-books.jpg",
"previewVideoUrl": null
},
{
"slug": "marlowe-boutique",
"name": "Marlowe — Fashion Boutique",
"description": "An independent fashion boutique: editorial hero, quick-add product grid, scroll-driven lookbook, reviews with service promises, personal-styling booking and wordmark footer.",
"brief": "a clothing boutique, concept store, tailor or accessories shop",
"theme": "marlowe",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"marlowe-hero",
"marlowe-shop",
"marlowe-lookbook",
"marlowe-reviews",
"marlowe-styling",
"marlowe-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/marlowe-boutique",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/marlowe-boutique.webm#t=0.9"
},
{
"slug": "mossbrook-vets",
"name": "Mossbrook — Vet & Pet Care",
"description": "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.",
"brief": "a vet, groomer, dog walker, pet sitter, kennels or pet shop",
"theme": "mossbrook",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"mossbrook-hero",
"mossbrook-services",
"mossbrook-plans",
"mossbrook-team",
"mossbrook-booking",
"mossbrook-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/mossbrook-vets",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/mossbrook-vets.webm#t=1"
},
{
"slug": "motion-physio",
"name": "Motion — Physiotherapy Clinic",
"description": "A physio and sports-rehab clinic: bold hero with outcomes, interactive body map, recovery timeline, patient results, booking flow and marquee footer.",
"brief": "a physiotherapist, chiropractor, osteopath, sports clinic or personal trainer",
"theme": "motion",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"motion-hero",
"motion-conditions",
"motion-recovery",
"motion-results",
"motion-booking",
"motion-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/motion-physio",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/motion-physio.webm#t=1"
},
{
"slug": "nord-architecture",
"name": "Nord — Architecture Studio",
"description": "A quiet, Swiss-style studio site: wordmark hero, cursor-preview project index, studio principles, scroll-driven process, client quote, enquiry form and clock footer.",
"brief": "an architecture, interior or design studio",
"theme": "nord",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"nord-hero",
"nord-project-index",
"nord-studio",
"nord-process",
"nord-client-quote",
"nord-contact",
"nord-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture.webm#t=4"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/nord-architecture",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/nord-architecture.webm#t=4"
},
{
"slug": "olea-restaurant",
"name": "Olea — Restaurant & Bistro",
"description": "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.",
"brief": "a restaurant, bistro, trattoria or wine bar",
"theme": "olea",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"olea-hero",
"olea-menu",
"olea-story",
"olea-reviews",
"olea-reservations",
"olea-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/olea-restaurant",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/olea-restaurant.webm#t=0.9"
},
{
"slug": "petal-florist",
"name": "Petal & Stem — Florist",
"description": "A local florist: postcode delivery-check hero, bouquet shop with sizes, flower subscription, wedding gallery, visit and delivery zones, petal footer.",
"brief": "a florist, flower farm, plant shop or gift shop",
"theme": "petal",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"petal-hero",
"petal-shop",
"petal-subscription",
"petal-weddings",
"petal-visit",
"petal-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/petal-florist",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/petal-florist.webm#t=0.9"
},
{
"slug": "pinehollow-cabins",
"name": "Pinehollow — Cabins & B&B",
"description": "Woodland cabins: split hero with weather card, filterable cabin cards, seasonal tabs, lined-paper guestbook, availability calendar with live pricing and pine footer.",
"brief": "holiday cabins, a B&B, guesthouse, glamping site or campsite",
"theme": "pinehollow",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"pinehollow-hero",
"pinehollow-cabins",
"pinehollow-seasons",
"pinehollow-guestbook",
"pinehollow-booking",
"pinehollow-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/pinehollow-cabins",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/pinehollow-cabins.webm#t=1"
},
{
"slug": "poggio-lento-agriturismo",
"name": "Poggio Lento — Vineyard Farm Stay",
"description": "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.",
"brief": "a boutique hotel, agriturismo, winery, guesthouse, private dining venue or luxury rental",
"theme": "noir",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"poggio-lento-hero",
"poggio-lento-rooms",
"poggio-lento-table",
"poggio-lento-wines",
"poggio-lento-enquire",
"poggio-lento-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/poggio-lento-agriturismo",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/poggio-lento-agriturismo.webm#t=1"
},
{
"slug": "prism-design",
"name": "Prism — Creative Tool Launch",
"description": "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.",
"brief": "a design, creative or collaboration tool",
"theme": "prism",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"prism-hero",
"prism-features",
"prism-poster-gallery",
"prism-love-wall",
"prism-rays-cta",
"prism-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/prism-design.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/prism-design-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/prism-design.webm#t=1.1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/prism-design",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/prism-design.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/prism-design-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/prism-design.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/prism-design.webm#t=1.1"
},
{
"slug": "pulse-gym",
"name": "Pulse — Performance Gym",
"description": "A loud, high-contrast gym site: condensed hero with free-week badge, filterable classes, bookable timetable, coaches, membership, member results and a volt footer.",
"brief": "a gym, fitness or boxing studio",
"theme": "pulse",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"pulse-hero",
"pulse-classes",
"pulse-timetable",
"pulse-coaches",
"pulse-membership",
"pulse-results",
"pulse-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/pulse-gym",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/pulse-gym.webm#t=1"
},
{
"slug": "quavermoor-music",
"name": "Quavermoor — Music School",
"description": "A music school for all ages: sound-wave hero, instrument picker, concerts and events, student stories, free trial-lesson form and stave footer.",
"brief": "a music school, tutor, dance or drama academy, language school or driving instructor",
"theme": "quavermoor",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"quavermoor-hero",
"quavermoor-instruments",
"quavermoor-concerts",
"quavermoor-students",
"quavermoor-trial",
"quavermoor-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/quavermoor-music",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/quavermoor-music.webm#t=1"
},
{
"slug": "silverline-roller-rink",
"name": "Silverline — Roller Rink",
"description": "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.",
"brief": "a roller rink, bowling alley, trampoline park, climbing wall, arcade or other leisure venue",
"theme": "chrome",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"silverline-hero",
"silverline-sessions",
"silverline-prices",
"silverline-parties",
"silverline-lessons",
"silverline-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/silverline-roller-rink.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/silverline-roller-rink-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/silverline-roller-rink",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/silverline-roller-rink.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/silverline-roller-rink-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/silverline-roller-rink.jpg",
"previewVideoUrl": null
},
{
"slug": "sola-yoga",
"name": "Sola — Yoga & Pilates Studio",
"description": "A yoga and pilates studio: sunny hero with intro offer, bookable timetable, class types, passes and pricing, community stories and footer.",
"brief": "a yoga studio, pilates studio, dance school or small gym",
"theme": "sola",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"sola-hero",
"sola-timetable",
"sola-classes",
"sola-passes",
"sola-community",
"sola-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/sola-yoga",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/sola-yoga.webm#t=1"
},
{
"slug": "solenne-hotel",
"name": "Solenne — Boutique Hotel",
"description": "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.",
"brief": "a boutique hotel, villa or resort",
"theme": "solenne",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"solenne-hero",
"solenne-rooms",
"solenne-experiences",
"solenne-guest-reviews",
"solenne-packages",
"solenne-sunset-cta",
"solenne-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/solenne-hotel",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/solenne-hotel.webm#t=1"
},
{
"slug": "spruce-cleaning",
"name": "Spruce — Cleaning Service",
"description": "A home cleaning company: instant-price hero, frequency pricing, room-by-room checklist, reviews and promises, FAQ with guarantee and bubbly footer.",
"brief": "a cleaning company, laundrette, window cleaner or home-care service",
"theme": "spruce",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"spruce-hero",
"spruce-quote",
"spruce-checklist",
"spruce-reviews",
"spruce-faq",
"spruce-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/spruce-cleaning",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/spruce-cleaning.webm#t=1"
},
{
"slug": "still-spa",
"name": "Still — Day Spa",
"description": "A calm day spa: breathing-guide hero, treatment menu with duration pricing, thermal-suite bento, visit options, gift-voucher builder and minimal footer.",
"brief": "a spa, massage therapist, float centre, sauna or wellness studio",
"theme": "still",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"still-hero",
"still-treatments",
"still-facilities",
"still-memberships",
"still-booking",
"still-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/still-spa.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/still-spa-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/still-spa.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/still-spa",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/still-spa.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/still-spa-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/still-spa.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/still-spa.webm#t=0.9"
},
{
"slug": "undercroft-cinema",
"name": "Undercroft — Independent Cinema",
"description": "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.",
"brief": "an independent cinema, comedy club, small theatre, gig venue, gallery or arts centre",
"theme": "raw",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"undercroft-hero",
"undercroft-listings",
"undercroft-membership",
"undercroft-hire",
"undercroft-faq",
"undercroft-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/undercroft-cinema.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/undercroft-cinema-full.jpg"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/undercroft-cinema",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/undercroft-cinema.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/undercroft-cinema-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/undercroft-cinema.jpg",
"previewVideoUrl": null
},
{
"slug": "verelle-salon",
"name": "Maison Verelle — Hair Salon",
"description": "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.",
"brief": "a hair salon, colourist, beauty salon, nail or brow studio",
"theme": "verelle",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"verelle-hero",
"verelle-services",
"verelle-stylists",
"verelle-work",
"verelle-booking",
"verelle-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/verelle-salon",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/verelle-salon.webm#t=0.9"
},
{
"slug": "wax-cellar-records",
"name": "Wax Cellar — Record Shop",
"description": "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.",
"brief": "a record shop, music venue, zine shop, comic shop, gig promoter or independent label",
"theme": "riso",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"wax-cellar-hero",
"wax-cellar-new-in",
"wax-cellar-gigs",
"wax-cellar-sell",
"wax-cellar-visit",
"wax-cellar-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records.webm#t=0.9"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/wax-cellar-records",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/wax-cellar-records.webm#t=0.9"
},
{
"slug": "wrenhollow-weddings",
"name": "Wrenhollow — Wedding & Event Venue",
"description": "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.",
"brief": "a wedding venue, event space, country house or wedding planner",
"theme": "wrenhollow",
"author": {
"name": "CopyPasteUI",
"github": "copypasteui"
},
"sections": [
"wrenhollow-hero",
"wrenhollow-spaces",
"wrenhollow-day",
"wrenhollow-couples",
"wrenhollow-pricing",
"wrenhollow-footer"
],
"images": {
"thumbnail": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings.jpg",
"fullPage": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings-full.jpg",
"preview": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings.webm#t=1"
},
"isCollection": true,
"url": "https://copypasteui.dev/templates/wrenhollow-weddings",
"thumbnailUrl": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings.jpg",
"fullPageImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings-full.jpg",
"ogImageUrl": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings.jpg",
"previewVideoUrl": "https://cdn.copypasteui.dev/thumbs/templates/wrenhollow-weddings.webm#t=1"
}
]
}