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
AnimatedA 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.
Vellum
AnimatedA 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.
Odyssey Overland
AnimatedA 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.
Rotor R2
AnimatedA 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.
Bloom
AnimatedA 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.
Assembly One
AnimatedA 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.
Emberfall
AnimatedA 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.
Noctra
AnimatedA 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.
Pulse
AnimatedHealth-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.
Orbit
AnimatedCinematic 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.
Experimental
Brut
ExperimentalA raw, high-contrast brutalist site for creative studios — thick grid lines, oversized uppercase type and blunt monospace metadata.
Mode
ExperimentalA luxe, magazine-style template for fashion editorials and lookbooks, where an enormous display serif overlaps full-bleed imagery and negative space carries the rhythm.
Atrium
ExperimentalA museum-quiet, art-led site for galleries where works hang on an empty white wall and tiny caption plates do all the talking.
Kinetic
ExperimentalA 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.
Riso
ExperimentalA 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.
Prism
ExperimentalA 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.
Mode
ExperimentalA 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.
Portfolio
Aperture
PortfolioA dark, cinematic photography portfolio where full-bleed imagery leads and the UI all but disappears behind the work.
Form
PortfolioA calm, image-led portfolio for architecture studios where large building photographs and quiet typography do the talking.
Crayon
PortfolioA playful, bright illustrator portfolio where chunky rounded shapes, bold display type and sticker-like accents let the artwork feel hand-made and fun.
Atelier
PortfolioA confident, dark studio portfolio with an acid-lime accent — big case-study imagery, a numbered services list, and a wordmark client wall.
Quill
PortfolioA photo-free, type-led portfolio for writers and journalists where a clippings-style list of bylines and warm book typography do all the work.
Render
PortfolioA dark, glossy, cinematic portfolio for 3D artists and motion designers where big renders glow against deep black.
Halcyon
PortfolioA 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.
Music
Resonance
MusicBold, dark artist site with oversized condensed display type, a vivid accent and full-bleed concert imagery, built around streaming and tour dates.
Airwave
MusicA 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.
Wax & Wire
MusicA 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.
Strobe
MusicA 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.
Echoes
MusicA 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.
Crescendo
MusicA 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.
Velvet Room
MusicWarm, analog, editorial site for a soul/jazz singer-songwriter — a signature spinning-record "now playing" block, live dates, discography and an intimate about.
Marketplace
Rently
MarketplaceA bright, friendly travel-marketplace template built around a prominent location/dates/guests search bar and big, rounded destination listing cards.
Abode
MarketplaceA 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.
Hire
MarketplaceA 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.
Drive
MarketplaceA 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.
Gigly
MarketplaceFriendly, trustworthy template for a freelance & services marketplace — searchable hero, freelancer cards with ratings and starting prices, and a clear become-a-seller path.
Pass
MarketplaceA 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.
Rently
MarketplaceA 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.
Content
Editorial
ContentHigh-contrast editorial portfolio with oversized serif headlines and asymmetric, gallery-like layouts.
Campus
ContentA 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.
Inkwell
ContentA warm, editorial bento-grid newsletter landing page with a big serif headline, paper-cream canvas and a single terracotta accent.
Press
ContentA 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.
Margin
ContentA 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.
Frame
ContentA 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.
Ember
ContentA 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.
Commerce
Boutique
CommerceClean minimal boutique storefront with airy white space, soft neutral greys, and large product imagery.
Volt
CommerceDark-tech electronics storefront with a bold product hero, electric accent, and crisp spec-driven product cards.
Lustre
CommerceA hushed, museum-quiet storefront for fine jewelry where cream paper, near-black serif type and a single gold accent let each piece breathe.
Sole
CommerceLoud high-energy sneaker storefront built for hype drops — bold black canvas, electric accents, oversized type, and a countdown-driven hero.
Lume
CommerceA 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.
Roast
CommerceWarm, 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.
Loom
CommerceA 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.
Veloce
CommerceCinematic 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.
Keycraft
CommerceFocused 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.
Pigment
CommerceEditorial, collage-style shop for premium artist paints — huge display-serif type, hand-torn pigment swatches, asymmetric overlapping blocks and a warm paper canvas.
Formwork
CommerceWarm, 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.
Events
Nexus
EventsDark, high-energy tech-conference page with an electric accent, speaker grid and bold register CTA.
Evermore
EventsSoft, romantic wedding template with a couple hero, countdown, story, schedule, RSVP band and gallery.
Pulse Fest
EventsLoud, neon music-festival page on near-black with magenta and cyan accents, a full-bleed crowd hero, a bold lineup grid and ticket tiers.
Sessions
EventsCinematic 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.
Benefit
EventsA 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.
Assembly
EventsWarm, welcoming community-meetup page with a friendly hero, next-event card, upcoming list and member wall.
Evergreen
EventsA 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.
Booking
Sharp Fade
BookingA bold, masculine booking template in near-black charcoal with brass-gold accents, built around a clear appointment CTA.
Serenity
BookingA calm, elegant booking template in soft sage and warm stone, built around a treatment menu and a low-friction "book your escape" flow.
Stay
BookingA 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.
Bright
BookingA 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.
Hub
BookingA bright, warm-professional template for coworking spaces, built around clear membership plans, an amenities tour and a low-friction "book a tour" flow.
Gloss
BookingA 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.
Wild Haven
BookingAn 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.
Marketing
Aurora
MarketingPremium dark-mode SaaS landing lit by a drifting aurora — floating product dashboard, icon-tile feature grid, and glowing gradient tiers.
Warm Artisan
MarketingA cozy, appetizing one-page site for bakeries and cafés — cream backgrounds, terracotta accents and an elegant serif that makes baked goods look irresistible.
Bistro
MarketingA 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.
Ember
MarketingWarm editorial nonprofit site with human photography, an impact-stats band and a donation-first hero.
VitalPath
MarketingA 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.
Orvexa
MarketingMoody monochrome editorial template for creative and marketing agencies — atmospheric full-bleed hero, oversized statements and a single restrained accent.
Liftoff
MarketingA 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.
Meridian
MarketingAuthoritative 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.
ClipCraft
MarketingA 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.
Cadence
MarketingBright, 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.
Dashboard
Cockpit
DashboardA data-dense dark cockpit for analytics and admin tools — KPI cards, charts and tables tuned for fast scanning.
Pulse
DashboardA 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.
Kanban
DashboardA 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.
Ledgr
DashboardA calm, deep-emerald banking console — a big balance, account and budget cards, cash-flow and category charts, and a signed transactions ledger.
Reach
DashboardA bright, gradient-accented analytics workspace for social and marketing teams — channel filters, KPI cards, an engagement trend chart and a top-posts feed.
Fleet
DashboardA 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.
OrgChart
DashboardA 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.
SmartRoute
DashboardA 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.
Developer
Insight Docs
DeveloperClean, light developer-docs layout with a left sidebar, search, readable content column, dark code blocks, and an on-page TOC.
Forge
DeveloperA 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.
Beacon
DeveloperA 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.
Uptime
DeveloperA premium, high-trust service status page — a confident operational verdict, live latency, per-service uptime and an incident history your users can rely on.
Trail
DeveloperA 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.
Nimbus
DeveloperA 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.
Helix
DeveloperDark, 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.
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.