Design library

A design library for any site.

Each template is a complete design system — palette, type, radius and component rules — with starter code. Apply it to a new build or an existing site, then customize by chat.

The library

Browse the templates

Hardcoded design rules and code you can apply to any website — not static downloads. Build on one, swap what you want, and ship.

Animated

Kinescope K1

Animated

A cinematic, near-black launch page for the Kinescope K1 compact full-frame cinema camera — a warm 35mm film aesthetic (a true 16:9 landscape film stage, sprocket rails, live REC HUD, timecode, grain) wrapped around a real product page: hero, specs, sample frames, social proof and pre-order pricing.

View

Vellum

Animated

A premium product landing page for Vellum, an e-paper writing tablet — a pinned, playing hero clip with product beats (paper-feel display, stylus, weeks of battery, sync), a self-drawing ink signature motif, a spec grid, a real-photo device gallery, a writer testimonial and a $399 pre-order.

View

Odyssey Overland

Animated

A cinematic product landing page for the Odyssey 4x4 expedition camper: a full-bleed looping hero clip with product beats, a hand-built spec grid, a self-drawing route line, an owner-trip gallery and a reserve/configure flow — all on a warm, earthy dusk canvas.

View

Rotor R2

Animated

A dark-studio landing page for the Rotor R2 autonomous camera drone: a pinned, cinematic hero clip plays and loops while scroll reveals product beats — flight time, 8K gimbal camera, obstacle avoidance and subject tracking — followed by specs, a real aerial gallery, filmmaker proof and a pre-order block.

View

Bloom

Animated

A warm, editorial landing page for Bloom, a plant-based skincare serum line. A cinematic PINNED hero plays a soft blooming clip while product beats — actives, results, the ritual — glide in from alternating sides, then the page opens into a real storefront: actives grid, a bestsellers gallery with prices, an ingredient-sourcing story, star reviews and a subscribe CTA.

View

Assembly One

Animated

A premium product landing page for the Assembly One modular desktop 3D printer, fronted by a pinned cinematic hero whose build clip loops continuously while product beats — build volume, precision, the modular upgrade system, open hardware — slide in from alternating sides. Below the hero it unfolds into a full product page: a four-up spec grid, an exploded-module gallery, a stat band with a maker testimonial, three kit/pricing tiers and a footer.

View

Emberfall

Animated

A warm, peat-black launch page for "Emberfall", a premium coastal single-malt whisky. A provenance-led editorial hero (a wax-seal age-statement specimen card) sits above a cinematic distillery plate that SCRUBS frame-by-frame on scroll — a golden-hour landscape walking forward and back while tasting beats cut in — wrapped in a real distillery product page: horizontal tasting flight, a refined bottle lineup, a cooperage story, an awards wall of wax-seal medallions, and a stockist locator.

View

Noctra

Animated

A noir-couture landing page for Noctra, a niche perfume house built on a single dark-rose extrait. The pinned hero SCRUBS a deep-crimson backlit flacon glow frame-by-frame as you scroll, while the scent unfolds in a cinematic lower-third title sequence — the opening, the heart, the drydown, the sillage — then the page opens into an editorial storefront: the signature extrait with an olfactory-profile diagram, a vertical scent pyramid, a numbered collection gallery, the perfumer’s story, press accolades and a sample/boutique CTA.

View

Pulse

Animated

Health-wearable landing with a luminous, layered ECG hero — a glowing heartbeat waveform that draws itself across a glass canvas, breathing radar rings, a drifting particle field, and floating glassmorphic BPM / HRV / readiness cards.

View

Orbit

Animated

Cinematic dark-mode aerospace landing with a full-bleed self-animating inline-SVG deep-space hero — a luminous planet with atmospheric limb and terminator, satellites trailing comet tails along tilted orbits over a rotating nebula starfield.

View

Experimental

Brut

Experimental

A raw, high-contrast brutalist site for creative studios — thick grid lines, oversized uppercase type and blunt monospace metadata.

View

Mode

Experimental

A luxe, magazine-style template for fashion editorials and lookbooks, where an enormous display serif overlaps full-bleed imagery and negative space carries the rhythm.

View

Atrium

Experimental

A museum-quiet, art-led site for galleries where works hang on an empty white wall and tiny caption plates do all the talking.

View

Kinetic

Experimental

A loud, type-first poster template where the words are the design — enormous mixed-scale display type, a scrolling marquee, big colour blocks and oversized characters used as graphics. No photos, just type, shape and colour.

View

Riso

Experimental

A loud, hand-made risograph zine press — overprinted duotone colour blocks, halftone dots and cut-out collage on warm paper cream, built to sell issues and grow a tiny readership.

View

Prism

Experimental

A dark, gradient-mesh immersive template for awwwards-style sites — layered blurred orbs, glassmorphism cards, an oversized gradient headline and a scroll-narrative built entirely from CSS shapes.

View

Mode

Experimental

A luxe, magazine-style lookbook where an enormous display serif overlaps full-bleed editorial imagery, an italic caption marquee sets the pace, and the season’s looks are set as numbered folios.

View

Portfolio

Aperture

Portfolio

A dark, cinematic photography portfolio where full-bleed imagery leads and the UI all but disappears behind the work.

View

Form

Portfolio

A calm, image-led portfolio for architecture studios where large building photographs and quiet typography do the talking.

View

Crayon

Portfolio

A playful, bright illustrator portfolio where chunky rounded shapes, bold display type and sticker-like accents let the artwork feel hand-made and fun.

View

Atelier

Portfolio

A confident, dark studio portfolio with an acid-lime accent — big case-study imagery, a numbered services list, and a wordmark client wall.

View

Quill

Portfolio

A photo-free, type-led portfolio for writers and journalists where a clippings-style list of bylines and warm book typography do all the work.

View

Render

Portfolio

A dark, glossy, cinematic portfolio for 3D artists and motion designers where big renders glow against deep black.

View

Halcyon

Portfolio

A calm, editorial case-study portfolio with a sticky numbered section index that tracks your scroll, beside big alternating case-study rows with real UI photography and outcome metrics.

View

Music

Resonance

Music

Bold, dark artist site with oversized condensed display type, a vivid accent and full-bleed concert imagery, built around streaming and tour dates.

View

Airwave

Music

A bold, dark podcast site built around a tactile audio player, a clean episode list and host bios, with a single warm amber accent that makes the play button impossible to miss.

View

Wax & Wire

Music

A moody, studio-dark site for an independent record label — a featured-release hero, an artist roster grid, a catalogue of releases by format and year, and an open demos channel, all carried by a single warm rust accent.

View

Strobe

Music

A loud, neon club template for DJs and electronic acts — full-bleed laser hero, an upcoming-sets list, a mixes row with play chips and waveforms, and a bookings band.

View

Echoes

Music

A focused, cinematic launch page for a single record — dramatic hero, full tracklist, the story behind the album and a pre-save band, all built around one release.

View

Crescendo

Music

A warm, encouraging template for music schools and private teachers — a sunny hero, an instrument lesson grid, simple plans, friendly teachers and an easy trial-lesson booking flow.

View

Velvet Room

Music

Warm, analog, editorial site for a soul/jazz singer-songwriter — a signature spinning-record "now playing" block, live dates, discography and an intimate about.

View

Marketplace

Rently

Marketplace

A bright, friendly travel-marketplace template built around a prominent location/dates/guests search bar and big, rounded destination listing cards.

View

Abode

Marketplace

A refined, trustworthy estate-agency template built around a Location / Type / Price search bar and tidy property cards with big prices and beds/baths/sqft details.

View

Hire

Marketplace

A premium jobs-marketplace template built around a Role / Location / Type search, category tiles and a rich job feed whose signature "pay band" meter plots each role's salary against the market, on warm ivory paper with a confident emerald accent.

View

Drive

Marketplace

A sleek, dark automotive template built around a Make / Model / Price search bar and dark vehicle cards that lead with the price and a tidy year / mileage / fuel spec row.

View

Gigly

Marketplace

Friendly, trustworthy template for a freelance & services marketplace — searchable hero, freelancer cards with ratings and starting prices, and a clear become-a-seller path.

View

Pass

Marketplace

A high-energy, dark template for event ticket marketplaces built around a three-field event search (artist / city / date), category chips and bold event cards that lead with a photo and a "from $price" Get tickets button.

View

Rently

Marketplace

A bright, marketplace-y vacation-rental template built around a multi-field search pill with a round green button and stay cards that lead with a star-rating chip and a price per night.

View

Content

Editorial

Content

High-contrast editorial portfolio with oversized serif headlines and asymmetric, gallery-like layouts.

View

Campus

Content

A premium, academic-warm design system for online courses and educators — a warm "paper" canvas, near-black ink, a display serif paired with a clean grotesque, an indigo brand accent and an emerald "growth" accent, unified by a signature progress spine that threads modules into lessons and fills as you learn.

View

Inkwell

Content

A warm, editorial bento-grid newsletter landing page with a big serif headline, paper-cream canvas and a single terracotta accent.

View

Press

Content

A light, classic magazine front page — masthead, a big featured lead story, a multi-column article grid and a "most read" rail, all in ink-on-paper serif with a single vermilion accent.

View

Margin

Content

A calm, single-column personal writing home where typography is the whole design — a running masthead sealed by a hand-inked nib and a flowing SVG signature, an editorial lede on a serif drop-cap, folio numbers and oldstyle dates hung in the margin beside a continuous rule, a beautifully typeset essay index, a photo-free featured essay set in pure type, a Now note, a monthly-letter block and a minimal footer.

View

Frame

Content

A bold, high-energy channel site built around big video thumbnails, a play-button hero and loud subscriber proof — with a single vivid accent that makes every "watch" feel like a click.

View

Ember

Content

A grave, editorial foundation template built on a full-bleed split diptych — two duotone community panels with an enormous serif word bridging the seam — plus a large-serif mission, an impact ledger and a numbered programmes list.

View

Commerce

Boutique

Commerce

Clean minimal boutique storefront with airy white space, soft neutral greys, and large product imagery.

View

Volt

Commerce

Dark-tech electronics storefront with a bold product hero, electric accent, and crisp spec-driven product cards.

View

Lustre

Commerce

A hushed, museum-quiet storefront for fine jewelry where cream paper, near-black serif type and a single gold accent let each piece breathe.

View

Sole

Commerce

Loud high-energy sneaker storefront built for hype drops — bold black canvas, electric accents, oversized type, and a countdown-driven hero.

View

Lume

Commerce

A soft, clean-beauty storefront where warm cream paper, blush tints and a single rose-clay accent let luminous skincare and makeup feel premium and skin-kind.

View

Roast

Commerce

Warm, crafted storefront for a specialty coffee roaster — deep espresso canvas, cream type, and a caramel accent, built around a fresh-roast hero, a single-origin bag grid, and weekly subscription plans.

View

Loom

Commerce

A warm, tactile knitwear storefront built around a full-bleed editorial hero and a clean triptych of woven-swatch product cards in rust, dusty-pink and terracotta.

View

Veloce

Commerce

Cinematic single-product page for an electric hypercar — full-bleed studio hero, big performance numerals, spec table, live-swatch configurator, gallery and a refundable-deposit Reserve CTA.

View

Keycraft

Commerce

Focused single-product launch page for a premium mechanical keyboard — big product hero, exploded detail close-ups, a visual switch picker, a sound/feel callout, and one clear buy path.

View

Pigment

Commerce

Editorial, collage-style shop for premium artist paints — huge display-serif type, hand-torn pigment swatches, asymmetric overlapping blocks and a warm paper canvas.

View

Formwork

Commerce

Warm, editorial furniture catalogue on a paper-white canvas — a dense filterable product grid at its heart, plus collection strips, a materials story, and a visit-the-showroom CTA.

View

Events

Nexus

Events

Dark, high-energy tech-conference page with an electric accent, speaker grid and bold register CTA.

View

Evermore

Events

Soft, romantic wedding template with a couple hero, countdown, story, schedule, RSVP band and gallery.

View

Pulse Fest

Events

Loud, neon music-festival page on near-black with magenta and cyan accents, a full-bleed crowd hero, a bold lineup grid and ticket tiers.

View

Sessions

Events

Cinematic dark webinar page: an on-air broadcast-monitor hero with a live-ring countdown and social proof, a stats band, a timecoded agenda, speaker cards and a registration band with a filling seat meter.

View

Benefit

Events

A black-tie benefit gala page on deep aubergine with warm gold accents, a refined serif voice, a fundraising-goal progress bar, an evening programme and table tiers.

View

Assembly

Events

Warm, welcoming community-meetup page with a friendly hero, next-event card, upcoming list and member wall.

View

Evergreen

Events

A warm, human template for community groups and neighbourhood venues, built around a grand-opening hero with a floating event-detail card and a tidy list of upcoming events led by stacked date chips.

View

Booking

Sharp Fade

Booking

A bold, masculine booking template in near-black charcoal with brass-gold accents, built around a clear appointment CTA.

View

Serenity

Booking

A calm, elegant booking template in soft sage and warm stone, built around a treatment menu and a low-friction "book your escape" flow.

View

Stay

Booking

A warm, cinematic hotel template built around a hero booking bar, a rooms-and-rates grid, an amenities row and a gallery — for boutique hotels and resorts.

View

Bright

Booking

A clean, reassuring booking template for dental and medical clinics, built around a friendly hero, a clear services grid and a low-friction appointment request flow.

View

Hub

Booking

A bright, warm-professional template for coworking spaces, built around clear membership plans, an amenities tour and a low-friction "book a tour" flow.

View

Gloss

Booking

A chic, modern-feminine booking template in blush and plum on warm cream, built around a colour-rich services menu and an effortless "book your glow-up" flow.

View

Wild Haven

Booking

An editorial off-grid retreat template built around a full-bleed misty-forest hero, a lowercase serif overlay and a slim booking bar that overlaps the hero — with quiet, nature-toned cabin cards below.

View

Marketing

Aurora

Marketing

Premium dark-mode SaaS landing lit by a drifting aurora — floating product dashboard, icon-tile feature grid, and glowing gradient tiers.

View

Warm Artisan

Marketing

A cozy, appetizing one-page site for bakeries and cafés — cream backgrounds, terracotta accents and an elegant serif that makes baked goods look irresistible.

View

Bistro

Marketing

A refined, candlelit one-page site for restaurants and bars — forest-green and wine-dark surfaces, cream type and a gold accent that makes the menu feel like an evening out.

View

Ember

Marketing

Warm editorial nonprofit site with human photography, an impact-stats band and a donation-first hero.

View

VitalPath

Marketing

A calm, editorial site for fitness, yoga and wellness studios — soft blush surfaces, a serene sage accent and an elegant serif that makes movement feel premium and unhurried.

View

Orvexa

Marketing

Moody monochrome editorial template for creative and marketing agencies — atmospheric full-bleed hero, oversized statements and a single restrained accent.

View

Liftoff

Marketing

A striking pre-launch waitlist page on a deep space canvas with a warm ignition gradient, an orbital-rings-and-trajectory hero motif, a prominent email capture with a live "N joined / % of wave" scarcity bar, social proof, a payload feature teaser and a founder mission note.

View

Meridian

Marketing

Authoritative navy-and-amber consulting site with a confident hero, practice-area grid, an outcomes band, a case study and a logo wall — built to win the consultation.

View

ClipCraft

Marketing

A sleek, dark SaaS landing for a browser-based video editor, built around an original multi-track timeline product shot, a teal-accent hero, and a punchy feature row.

View

Cadence

Marketing

Bright, high-conversion marketing landing for a lifecycle-automation SaaS — asymmetric split hero with a live journey-builder canvas, connected how-it-works steps, a saturated results band, and a strong pricing table.

View

Dashboard

Cockpit

Dashboard

A data-dense dark cockpit for analytics and admin tools — KPI cards, charts and tables tuned for fast scanning.

View

Pulse

Dashboard

A clean light-mode CRM dashboard for sales teams — KPI stat cards, a drag-style deals pipeline and a live activity feed, all on a single calm indigo accent.

View

Kanban

Dashboard

A clean light-mode project-management board — a left sidebar, view tabs and a four-column kanban of task cards with labels, assignees and due dates, all on one confident teal accent.

View

Ledgr

Dashboard

A calm, deep-emerald banking console — a big balance, account and budget cards, cash-flow and category charts, and a signed transactions ledger.

View

Reach

Dashboard

A bright, gradient-accented analytics workspace for social and marketing teams — channel filters, KPI cards, an engagement trend chart and a top-posts feed.

View

Fleet

Dashboard

A dark ops-console for logistics teams — live shipment KPIs, a route map, a status-driven shipments table and delivery-performance charts tuned for the dispatch desk.

View

OrgChart

Dashboard

A clean, dark internal tool for company org charts and people directories — a live reporting tree of avatar nodes plus a fast, searchable directory of everyone on the team.

View

SmartRoute

Dashboard

A warm, premium corporate template for an internal request-routing tool, built around a "request → rule → route → approve" pill flow and a floating product screenshot of the routing dashboard.

View

Developer

Insight Docs

Developer

Clean, light developer-docs layout with a left sidebar, search, readable content column, dark code blocks, and an on-page TOC.

View

Forge

Developer

A dark, technical landing page for an API product: a code-block hero, a three-step quickstart, a metrics-led features grid, and a live JSON response panel.

View

Beacon

Developer

A dark, terminal-flavoured landing for a command-line tool: a copy-able install command, a live terminal mock with token-coloured output, a three-step quickstart, and a features grid.

View

Uptime

Developer

A premium, high-trust service status page — a confident operational verdict, live latency, per-service uptime and an incident history your users can rely on.

View

Trail

Developer

A premium, dark-mode product changelog built around a glowing vertical timeline spine, per-line Added/Improved/Fixed tags in a strict colour grammar, a live "streaming log" terminal in the hero, and a subscribe footer — no photos, just type, light and hairlines.

View

Nimbus

Developer

A crisp, premium landing for an open-source library: an editorial hero with a copy-able install line, a GitHub star CTA and a syntax-tinted code card, a README badge strip, a four-up feature grid, a green test-run terminal with a coverage meter, a metrics strip, a sponsor marquee, and a contributing band — all pinned with a registration-tick signature motif.

View

Helix

Developer

Dark, code-forward dev-tool landing for a serverless edge / vector database — terminal hero, benchmark bars, an SVG architecture diagram, a real quickstart snippet, and a developer-flavored pricing table.

View

Don't see your style? Just describe it.

Templates are a head start, not a limit. Tell code-anything the look you want and it builds the design system and the app, then deploys it live.