14 Best Next.js Landing Page Templates 2026 (Free + Premium)
Looking for a Next.js landing page template that converts and ships in 2026? These 14 picks span the full range — a free MIT template that ships the whole marketing site rather than one page (Velora UI), premium suites with 30+ animated templates (Aceternity, Magic UI Pro, Cruip), classic free shadcn/ui landings forked into thousands of marketing sites (shadcn-landing-page, Launch UI), and copy-paste libraries that let you build a unique page section by section (Page UI). Every demo and repository is re-checked before we republish this page.
A 2026-grade Next.js landing page template ships six load-bearing surfaces by default: a hero section with conversion-tested headline + sub-copy + CTA layout, a feature grid that scales from three to twelve items, a pricing table that wires to Stripe or Lemon Squeezy, a testimonials block, an FAQ section, and a contact / newsletter footer. Modern templates add animation (Framer Motion / Motion), dark mode, mobile-perfect responsive layouts, and Core Web Vitals on the green out of the box — increasingly with shadcn/ui as the component foundation and Tailwind CSS v4 as the default styling layer.
We’ve grouped the 14 picks below into premium Next.js landing page templates (Aceternity UI, Magic UI Pro, Cruip Open PRO, Cruip Stellar, Play, Page UI) and free / open-source landing templates (Velora UI, Cruip Open React Template, Launch UI, shadcn-landing-page, Precedent, ixartz Next-JS-Landing-Page-Starter-Template, Nextplate, Bigspring Light). All fourteen ship on modern Next.js patterns — App Router, React Server Components where appropriate, and Tailwind CSS.
Related reading: React landing page templates, Next.js SaaS templates & boilerplates, SaaS landing page templates, shadcn/ui landing page templates, Tailwind landing page templates and free Astro templates roundups.
Quick Picks
- Best premium overall: Aceternity UI Templates — All-Access plan unlocks 30+ landing / SaaS / AI templates plus 100+ animated components
- Best free overall: Velora UI — 32 animated components plus a complete multi-page site (pricing, blog, auth, changelog, 404), MIT
- Best free copy-paste blocks: Launch UI — 100+ copy-paste blocks on React 19 + shadcn 4 + Tailwind 4.2, used by 33.7k+ companies
- Best animated components: Magic UI Pro — 21k+ star library, free Startup template + $99 Pro for 50+ premium blocks
- Best comprehensive shadcn landing: shadcn-landing-page — 1.9k stars, 16+ pre-built sections in one Vite + React template
- Best premium dark SaaS: Cruip Open PRO — $49 standalone or $79 bundle, dark/sleek SaaS-focused landing
- Best free Cruip: Cruip Open React Template — 4.6k stars, GPL, Next.js App Router + RSC, free version of the Cruip premium catalog
- Best opinionated starter: Precedent (Steven Tey) — 5.1k stars, Next.js + Clerk + Radix + Framer Motion + Vercel Analytics
- Best copy-paste workflow: Page UI (Shipixen) — “Thief Mode” one-click section copy, free + Pro, Product Hunt #1 Dev Tool
- Best modern landing alternative: Cruip Stellar — $49, dark/modern landing for catching visitor attention
- Best with SaaS scaffolding: Play — free open-source, Next.js 16 + NextAuth + Stripe + MDX blog included
- Best developer experience: ixartz Next-JS-Landing-Page-Starter — 2.1k stars, opinionated DX with Husky / Lint-Staged / SEO built in
- Best multilingual: Nextplate (Zeon Studio) — Next.js 16 + Tailwind 4 + 15+ pages with i18n, dark mode, multi-author support
- Best for agencies: Bigspring Light (Themefisher) — 271 stars, marketing/agency-focused with 100 Google PageSpeed score
1. Velora UI
Why we like it: Most free picks on this list give you one page. Velora gives you the site: home, pricing, an MDX blog, about, contact, login, signup, changelog and a styled 404, assembled from 32 animated shadcn/ui components rather than hardcoded markup. Every component and the full template are MIT, commercial use included, so the thing you would normally pay $149–$299 for is the starting point here.
Measured against the six load-bearing surfaces above, Velora ships five of them out of the box: an animated hero with headline, sub-copy and dual CTA; a feature bento that scales from three cards up; a testimonial marquee; a pricing page with a full tier-comparison table and its own FAQ block; and a footer with contact and newsletter layouts. The sixth — billing — is where the honesty matters: the pricing table is presentation only, and the contact form and auth screens are front-end shells. There is no Stripe wiring and no database, so pair it with a boilerplate from our Next.js SaaS templates roundup if you need the backend too.
The Next.js craft holds up. Everything is App Router and static-rendered, the animation layer is Motion rather than a WebGL payload — components run 0.3–1.5 KB gzipped and 15 of the 32 have no runtime dependency at all — and a global prefers-reduced-motion switch turns the whole thing off for users who ask. Components read your shadcn CSS variables instead of hardcoding colours, so re-branding is a token block rather than a find-and-replace. You can clone the repository for the whole site, or pull single components into an existing project with npx shadcn@latest add https://velora.colorlib.com/r/aurora-background.json.
2. Aceternity UI Templates
Why we like it: Aceternity ships 30+ premium templates — Simplistic SaaS, Nodus Marketing, Agentforce Marketing, AI SaaS, Startup Landing Page, and dedicated SaaS / AI / portfolio variants — all built on the same Framer Motion animation library that has become the de facto standard for premium-feeling React landing pages in 2026. One All-Access license unlocks every template plus 100+ animated components and the Aceternity component library.
The animation work is the value here. Pair with our Next.js SaaS templates roundup if you want the full SaaS boilerplate counterpart (Aceternity templates are landing-page focused without the auth / billing scaffolding).
3. Launch UI
Why we like it: Launch UI takes a component library approach rather than a single template — you assemble your landing page from well-tested building blocks, creating a unique design rather than customizing someone else’s. The most current stack in this list: React 19, shadcn/ui 4, Tailwind 4.2. Multiple navigation variants (static, floating, mobile-responsive), hero sections with illustration layouts and glowing effects, and dark mode throughout. Used by 33,700+ companies and builders.
Pair the component library with Cruip Open React Template (below) if you want a more complete page-level starting point and use Launch UI blocks to fill in distinctive sections.
4. Magic UI Pro
Why we like it: 21,000+ GitHub stars on the core library makes Magic UI the most-used animated component library in the React ecosystem. The free Startup template includes 12 sections — Hero, Features, Bento Grid, Pricing, FAQ — with 150+ animated components (particle effects, text animations, interactive cards). Pro version adds 50+ production-ready blocks and complete templates including an AI Agent template specifically tuned for AI SaaS products.
If your landing page needs to stand out visually — agency pitches, design-forward SaaS, AI products — Magic UI’s animation library is unmatched. Built on Motion (formerly Framer Motion). The free tier is genuinely usable for an MVP landing; Pro unlocks the components that define the “premium feel.”
5. shadcn-landing-page (leoMirandaa)
Maintenance: last commit October 2024 — more than a year and a half ago. It still installs, but the framework has shipped major releases since, so budget time to update dependencies yourself and check anything that touches build tooling.
Why we like it: The most comprehensive shadcn/ui-based landing page with 16+ pre-built sections: Hero, Sponsors, Stats, Features, Services, Testimonials, Team, Pricing, FAQ, CTA, and Newsletter. Vite-based — lighter than Next.js for static marketing sites with sub-second dev startup. Full dark mode and mobile sidebar navigation. A Vue port exists too.
Every section is a standalone accessible component you can mix and match. The Vite base means no SSR complexity — pick this when your landing page doesn’t need React Server Components or when you’re hosting on a CDN without Node.js runtime. Most sections of any free React / Next.js-adjacent landing page template.
6. Cruip Open PRO
Why we like it: A dark and sleek SaaS website template purpose-built for showing off startups and software products. Cruip’s Italian designer / developer duo have shipped premium React templates since 2019 — Open PRO is the SaaS-leaning entry in their five-template premium lineup. Comes with React, Next.js, HTML, Vue, Laravel, and Figma design file formats.
The $79 bundle (50% off vs buying templates separately) unlocks all five Cruip premium templates — Stellar (#9), Open PRO, Neon, Cube, and Mosaic admin — making it the cheapest path to a multi-template premium license in this list. Trusted by 60K+ developers across the free + premium catalog.
7. Cruip Open React Template (Free)
Why we like it: The most polished free Next.js landing page available. App Router + React Server Components, TypeScript, and Tailwind CSS v4 (added March 2025). Animated hero section with scroll-triggered reveals and hover effects, feature grid, testimonials, and newsletter signup. Figma design files included via Figma Community.
Cruip consistently delivers professional design quality in their free templates — the Server Components architecture and next/font optimization mean excellent Core Web Vitals out of the box. GPL license, attribution appreciated but not required. Upgrade path to the premium Cruip templates (Open PRO, Stellar) if you grow into needing more sections.
8. Precedent (Steven Tey)
Why we like it: Steven Tey’s “opinionated collection of components, hooks, and utilities for your Next project.” Pre-built custom React hooks (useIntersectionObserver, useLocalStorage, useScroll), utility functions, and components. Clerk for auth, Radix UI primitives, Framer Motion animations, Lucide icons, dynamic Open Graph image generation, and Vercel Analytics integration baked in.
The opinionated curation is the value — Steven Tey shipped Dub.co, Novel, and other high-profile Next.js projects, and Precedent embodies the patterns he reaches for repeatedly. One-line install: npx create-next-app precedent. Best pick when you want a knowledgeable starting point rather than assembling tech choices yourself.
9. Page UI (Shipixen)
Why we like it: “Thief Mode” — one-click section copy from any template directly into your codebase. Pre-designed landing page templates plus standalone section examples covering hero, features, pricing, testimonials, and FAQ. No npm package overhead — components live in your project. Product Hunt Product of the Day and #1 Product of the Week in the Developer Tools category.
The shadcn/ui copy-paste philosophy applied to entire landing page sections. Best workflow when you want to mix sections from multiple Page UI templates rather than committing to one full template’s layout. Free base is generously stocked; Pro adds more sections and complete templates.
10. Cruip Stellar
Why we like it: “A dark and modern landing page template to catch your visitor’s attention.” Sister template to Open PRO (#5) — both share the Cruip dark aesthetic but Stellar leans more flexible / multi-purpose while Open PRO is SaaS-tuned. Pick Stellar when your landing isn’t strictly SaaS — agency, product, course, newsletter, indie launch.
If you’re picking any Cruip premium template, the $79 bundle is the obvious move — five distinct designs (Stellar, Open PRO, Neon, Cube, plus Mosaic admin) at less than the cost of two standalones. Cruip’s “Italian designer / developer duo” credit shows in the typography and spacing details that templates from larger vendors often miss.
11. Play (Next.js Templates)
Why we like it: Free open-source SaaS starter kit that comes with a landing page and the auth / Stripe / MDX blog scaffolding most other free landings make you add yourself. Pre-built SaaS pages (login, signup, blog, about), integrated Stripe payment processing, NextAuth authentication, and MDX-powered blogging. The All-Access Pass unlocks the rest of the Next.js Templates catalog at a steep bulk discount.
Best pick when you know you’ll grow past “landing page” into “actual SaaS” — Play gives you the marketing-page polish now and the auth/billing layers later without retrofitting. Compare against nextjs/saas-starter from our Next.js SaaS templates roundup if you want a leaner SaaS-only starter without the landing page focus.
12. ixartz Next-JS-Landing-Page-Starter-Template
Why we like it: Same “developer experience first” philosophy as the ixartz Next.js Boilerplate but landing-page focused. Strict TypeScript and React 18 type checking, Husky Git hooks, Lint-Staged automation, Next SEO with JSON-LD and Open Graph integration, HTML/CSS minification, and cache busting in production. One-click Netlify deployment. High Lighthouse scores out of the box.
Pre-built navbar, hero, features, CTA banner, and footer components. No SaaS scaffolding (auth / billing) — that’s by design. Pick this when you want pristine tooling for a marketing site rather than a starter that pushes you toward a specific application architecture.
13. Nextplate (Zeon Studio)
Why we like it: 15+ pre-designed pages including blog functionality, multi-author support, search, dark mode, contact forms, and a custom 404. Multilingual (i18n) support is built in — rare among free landing templates. Pre-configured Netlify deployment, Docker support, Disqus comments integration, syntax highlighting, and “LLM-ready docs generation” for creating searchable content indexes.
Best free pick when you need landing + blog as one project, especially when targeting international markets. The Sitepins Git-based headless CMS integration means non-technical collaborators can edit content via a visual UI without touching code. 100% Google PageSpeed score baseline.
14. Bigspring Light (Themefisher)
Why we like it: 9+ pre-designed pages covering home, blog, contact, pricing, and policy — purpose-built for creative agencies, marketing agencies, design studios, digital marketing firms, and business service websites. 100 Google PageSpeed score (desktop), fully responsive, SEO-friendly with Google Analytics integration, and a working contact form.
Themefisher’s free entry — they also sell a Bigspring Pro version with more pages and integrations. The free version is genuinely usable for an agency or services-business landing without paid upgrades. Sitepins Git-based headless CMS integration for visual content editing. MIT license, attribution appreciated.
How to Choose a Next.js Landing Page Template
The right pick depends on what your landing page needs to do:
- Want the whole marketing site free, not just the landing page? Velora UI — pricing, blog, auth, changelog and 404 all built, all MIT.
- Need premium polish without piecing components together? Aceternity UI Templates or Magic UI Pro — the animation work signals “this team cares about craft.”
- Free with the latest stack (React 19 + Tailwind 4)? Launch UI — copy-paste blocks on the current shadcn/ui generation.
- Want a comprehensive single-template starting point? shadcn-landing-page (16+ sections) or Cruip Open React Template (App Router + RSC).
- Building a SaaS landing with auth + billing eventually? Play or check our Next.js SaaS templates roundup.
- Multi-language site? Nextplate — i18n is built in, rare in free landing templates.
- Agency or services business? Bigspring Light — purpose-built for agency / marketing positioning.
- Want copy-paste section workflow rather than one template? Page UI (Shipixen) — “Thief Mode” pulls sections from anywhere into your project.
- $49-79 budget for premium? The Cruip bundle ($79 for five templates) is the cheapest path to a premium license that covers landing + admin + multiple aesthetics.
- Opinionated starter with pre-curated tech? Precedent — Steven Tey’s curated component + hook collection.
Next.js Landing Page Templates FAQ
Why pick Next.js for a landing page over plain HTML or Astro?
Next.js wins when you’ll add interactive sections (live demos, chat widgets, dynamic pricing tables), when you might add an app surface later (auth, dashboard), or when you want React Server Components for SEO. For purely static marketing sites without future app plans, Astro or plain HTML + Tailwind are lighter. The templates on this list all assume you’ll grow into Next.js’s strengths — if you’re certain you won’t, see our Tailwind CSS templates for HTML-first options.
App Router or Pages Router for a new landing page in 2026?
App Router. Every template on this list released or updated in 2026 defaults to App Router. React Server Components let you render the marketing page server-side for excellent SEO and Core Web Vitals, then hydrate only the interactive parts (testimonials carousel, pricing toggle). Pages Router still works but the React community has moved on.
Should I use a single template or a component library like Launch UI?
Single templates (Cruip Open React, shadcn-landing-page) give you a complete starting point you customize — fastest to first deploy. Component libraries (Launch UI, Magic UI, Page UI) give you blocks to assemble — slower initial setup but a more distinctive end result. Velora UI is deliberately both: clone the assembled site, or install any of its 32 components individually through the shadcn CLI and leave the rest behind. If you’ll launch in a weekend, pick a template. If your landing will be heavily customized over time, build with a component library.
What’s the difference between Cruip Open React Template (free) and Cruip Open PRO ($49)?
The free Open React Template is one polished landing page — hero, features, testimonials, newsletter. Cruip Open PRO is a different template entirely (sleek dark SaaS aesthetic) with more sections, pages, and the multi-format export (Vue / Laravel / HTML / Figma). The $79 bundle unlocks all five Cruip premium templates including Open PRO, Stellar, Neon, Cube, and Mosaic — cheapest path to a multi-template premium license in this list.
Is there a free Next.js template that includes pricing, blog and auth pages?
Yes — that is the gap Velora UI fills. Most free landing templates stop at a single marketing page, so the moment you need a pricing page, an MDX blog or login and signup screens you are either building them or buying a premium template. Velora ships all of them under MIT, plus a changelog and a styled 404. The caveat is that the auth screens, the contact form and the pricing table are front-end only — no database, no Stripe — so treat it as the marketing layer and add a backend separately.
How do these templates compare to ThemeForest landing templates?
ThemeForest hosts ~178 Next.js landing templates ranging $20-80. Quality varies widely — many ThemeForest templates use older Next.js versions, Pages Router, and patterns that don’t survive Next.js upgrades. The templates on this list are curated for active maintenance, modern App Router patterns, and 2026 stacks (Tailwind v4, React 19 where applicable). If you find a ThemeForest template that uses App Router + Tailwind v4 + active commits in 2026, it’s likely competitive; otherwise prefer the picks above.
Are these templates SEO-ready out of the box?
Most are. Look for: next/font usage for self-hosted fonts (Cruip, Magic UI, Launch UI all use this), JSON-LD structured data (ixartz Next-JS-Landing-Page-Starter-Template ships this), Open Graph tags (every template on this list), automated sitemaps and RSS feeds (Nextplate, Play), and Lighthouse scores published (Bigspring Light claims 100, Nextplate claims 100). Server Components + Next.js Image component give you Core Web Vitals on the green if you don’t break them with heavy client-side animations.
What about Tailwind v4 — do all these templates support it?
Most do. Cruip migrated to Tailwind v4 in March 2025 (Open React Template v4.0.0). Launch UI is on Tailwind 4.2. Velora UI and Nextplate are on Tailwind 4. Magic UI core supports both v3 and v4. Aceternity UI uses Tailwind in their templates. The templates that haven’t fully migrated to v4 (shadcn-landing-page, ixartz Next-JS-Landing-Page-Starter-Template) still work fine — Tailwind v3 is the bigger installed base in 2026, and Tailwind v4’s main wins are build speed rather than user-visible features.
Can I use these templates for client work?
Yes, with one license-specific caveat. MIT and Apache 2.0 templates (most of the free options) permit unlimited commercial use including client projects — Velora UI is MIT for both the components and the complete template, which makes it the least encumbered pick here for agency work. The Cruip Open React Template uses GPL — fine for personal and commercial projects but the GPL copyleft means you can’t easily relicense a derivative. The premium templates (Aceternity, Cruip premium, Magic UI Pro, Page UI Pro) typically allow client projects on their standard licenses — read the specific terms before reselling the template itself as part of a client deliverable.
For broader Next.js template categories beyond landing pages, see our roundups of Next.js admin dashboard templates, Next.js SaaS templates & boilerplates, SaaS landing page templates, and shadcn/ui landing page templates.
You Might Also Like
