BestsellerLive$79
Theme
Data Modern
View template
Product-led hero with a live chart preview, metric proof points and a pricing matrix.
PricingChartsIntegrations
Open live previewGeist · Geist Mono16 sections
NewSix AI & SaaS templates just landed
Landing pages that look designed not assembled.
41 production-ready Next.js templates across eight business verticals. Every one ships with its own type scale, palette and motion language — so your storefront never looks like someone else's SaaS page.
4.9/5
from 2,140 reviews by design and product teams
layerkit.design/templates/analytics
SaaS & StartupNow viewing
Analytics Dashboard · Data Modern
Shipping with Layerkit
NorthformLune AtelierRunway LabsSable AnalyticsPeak & PineCadence HealthOrbit FoundryVerdant Co.NorthformLune AtelierRunway LabsSable AnalyticsPeak & PineCadence HealthOrbit FoundryVerdant Co.
Built for real businesses
Eight verticals, each with its own design language
A jewellery store and a developer tool should never share a layout. Pick the vertical, then pick the variant that matches the brand you already have.
Portfolio
Show the work, win the brief
6 templates
E-Commerce
Storefronts that close the sale
6 templates
Blog / CMS
Reading experiences worth subscribing to
5 templates
SaaS & Startup
Launch pages that survive a Product Hunt spike
6 templates
Restaurant & Food
Menus, bookings and appetite
5 templates
Health & Wellness
Care pages that build confidence
5 templates
Real Estate
Listings that get viewings booked
4 templates
Education
Enrolment-ready course pages
4 templates
Most installed this month
Six templates teams keep coming back to
Real photography, real copy, real components. Nothing here is a grey box waiting for you to fill it in.
Bestseller
BestsellerLive$79
Theme
Editorial Luxe
View template
Fashion
4.9Lookbook hero, seasonal drops and a sticky size guide tuned for apparel conversion.
LookbookSize guideCart drawer
Open live previewCanela · Suisse Intl15 sections
NewLiveFree
Theme
Terminal Dark
View template
Developer
4.9Terminal-flavoured hero, GitHub activity strip and syntax-highlighted project cards.
Dark firstCode blocksOSS stats
Open live previewGeist Mono · Geist11 sections
PopularLive$69
Theme
Editorial Serif
View template
Magazine
4.9Cover-story hero, pull quotes and issue archives for long-form editorial teams.
IssuesPull quotesAuthor pages
Open live previewTiempos · Founders Grotesk15 sections
PopularLive$69
Theme
Dark Fine Dining
View template
Fine Dining
4.9Reservation-first hero, tasting-menu pages and a sommelier pairing section.
ReservationsTasting menuGallery
Open live previewOgg · Neue Haas11 sections
NewLive$89
Theme
Dark Luxury
View template
Jewelry
4.9Dark-on-gold detail pages with 360° spins, gem certification and gifting flows.
360° viewGiftingCertificates
Open live previewOgg · Neue Haas12 sections
Product tour · 1:32From install to deploy
How it works
Install, re-theme, deploy — usually the same afternoon
Clone a template, point it at your content, adjust the tokens. The build stays fast because nothing is bolted on after the fact.
Swap the theme, not the markup
Every template reads from one token file. Change six variables and the whole page re-skins — type scale, radii, shadows and all.
CMS-ready from the first commit
Content lives in typed data modules. Point them at Sanity, Contentful or your own API without touching a single component.
Accessible by default
AA contrast, visible focus rings, reduced-motion fallbacks and semantic landmarks are in the base layer, not a later ticket.
$ npx layerkit init fashion
✓ 15 sections · 42 components · 0 TODOs
✓ 15 sections · 42 components · 0 TODOs
What you actually get
Design systems, not screenshots
Each template is a complete front-end: components, tokens, states, empty states and the copy to go with them.
A different theme per template — really
Palette, type pairing, radius scale and motion curve are set per template. Put two side by side and nobody would guess they came from the same catalogue.
Developer
Terminal Dark
#0b1220#22d3ee#1e293b
Jewelry
Dark Luxury
#0c0a09#d4af37#292524
Magazine
Editorial Serif
#1a1a1a#b45309#fffbeb
Yoga Studio
Earthy Serene
#3f3527#a3b18a#f7f4ed
Responsive down to 320px
Every breakpoint is hand-checked, including the awkward ones between tablet and laptop.
TypeScript-ready
JSDoc types on every data module, so editors autocomplete your content shape.
Core Web Vitals
Images sized, fonts subset, no layout shift. 98 mobile average across the catalogue.
Bring your own stack
Works with any CMS, any analytics, any payment provider. Nothing is hard-wired.
41
Production templates
8
Business verticals
98
Avg. Lighthouse score
24k+
Teams shipping with us
From the teams shipping
Bought once, reused across the whole roadmap
“We shipped the rebrand in nine days instead of two months. The Agency template already had every section our strategist asked for.”
Marta Ellison
Creative Director, Northform Studio
“The Documentation template is the only one I've used where the search, versioning and code tabs actually work out of the box.”
Daniel Okafor
Staff Engineer, Runway Labs
“Our Fashion storefront went from a 1.9% to a 3.4% conversion rate. The size guide and cart drawer did most of that on their own.”
Priya Raghavan
Head of Ecommerce, Lune Atelier
“Every template has its own real design system — type scale, spacing, motion. Nothing feels like the same page with new colours.”
Sofia Marchetti
Design Lead, Peak & Pine
“Lighthouse 98 on mobile before I changed a single line. That has never happened to me with a bought template.”
Tom Vandenberg
Founder, Sable Analytics
“The clinic template passed our accessibility audit first time. Focus states, contrast, reduced motion — all already handled.”
Alex Moreau
Product Manager, Cadence Health
Pricing
Pay once. Ship for as long as you like.
No subscription, no per-site key, no usage meter. Buy the catalogue and use it on every project you take on.
Starter
Freeforever
Four open-source templates to try the stack on a real project.
- 4 free templates
- Personal + client projects
- Community support
- MIT licensed
Most popular
Studio
$149one-time
The full catalogue, plus every template released this year.
- All 41 templates
- Unlimited client projects
- Figma source files
- 12 months of updates
- Priority email support
Agency
$399one-time
For teams shipping client sites every month.
- Everything in Studio
- White-label rights
- Team seats (up to 10)
- Lifetime updates
- Onboarding call
Every plan includes the source, the Figma file and a 30-day refund window.
FAQ
The questions we get before every purchase
Still unsure? Email hello@layerkit.design and a human replies within a working day.
Are these full sites or just a hero section?
Full sites. Each template ships between 8 and 18 sections plus the supporting routes — article pages, product detail, booking flows — depending on the vertical.
What does “its own theme” actually mean?
Palette, type pairing, radius scale, shadow depth and motion curve are defined per template in a single token file. The Jewelry template uses a dark luxury scale; the Developer template uses a mono-first terminal scale. They do not share a look.
Can I use one template for a client project?
Yes on Studio and Agency. The Starter tier covers personal and client work for the four free templates under an MIT licence.
Which stack do they use?
Next.js App Router, React 19 and Tailwind CSS v4. No component library lock-in — the primitives are in the repo and you can rip any of them out.
How is the content structured?
Every page reads from typed data modules rather than hard-coded JSX, so pointing a template at Sanity, Contentful or your own API is a single adapter file.
Do I get design files?
Studio and Agency include the Figma source with the same tokens as the code, mapped one-to-one to variables.
Your next launch is already
half-built.
Pick the vertical, pick the variant, deploy. Forty-one templates, one licence, no subscription.
Fashion
Magazine
Analytics Dashboard
Fine Dining
Yoga Studio
Architecture Studio