Landing Page Kit
Free
New
Landing Page Kit
Conversion-optimised landing page with hero, pricing, testimonials, FAQ, waitlist form, and analytics integration built in.
Next.jsTailwindFramer
FreeLanding page kits
Landing pages,
built to convert.
Hero sections that actually convert, pricing tables, testimonials, FAQ, waitlists with referrals, and analytics — deploy in five minutes and start measuring.
2 templates
100/100 Lighthouse
Analytics ready
Free & MIT licensed
A landing page has one job: convert a visitor into a signup or a buyer. Everything else — the animation library you chose, the framework war, the perfect typography — is secondary to whether the page loads fast, communicates value in the first viewport, and routes intent into a form. The templates here are designed around that single metric.
Both templates are free, MIT-licensed, and built on Next.js 15 with the App Router. The Landing Page Kit ships a complete marketing site — hero, social proof, feature grid, pricing comparison, testimonials carousel, FAQ accordion, and a final CTA with form — each section composable so you can drop or reorder them. The Waitlist App is a focused single-page pre-launch funnel with referral tracking, position counter, and email confirmation through Supabase.
Both score 100/100 on Lighthouse out of the box, score 95+ on Core Web Vitals on a 4G connection, and integrate with Plausible, PostHog, or GA4 with two environment variables. If you’re launching a SaaS product, the SaaS Starter Pro includes the marketing site too — but if you’re validating an idea before building, the standalone landing page is the right starting point.
Available Templates
Browse built to convert.
What you get
Production-grade features, batteries included
Conversion-ready sections
Hero with social proof bar, feature grid with icons, pricing table with monthly/yearly toggle, testimonial carousel, FAQ accordion, and final CTA. Each section is a standalone component.
Waitlist with referrals
Position-tracked waitlist with referral codes, share buttons for Twitter and LinkedIn, email confirmation via Resend, and a live Supabase backend. Zero servers to manage.
Analytics + A/B testing
Drop-in support for Plausible, PostHog, GA4, and Vercel Analytics. PostHog feature flags wired up so you can A/B test the hero copy without redeploying.
Form integrations
Hero CTA forms route to Resend, ConvertKit, Mailchimp, Beehiiv, or a webhook URL via a single env var swap. Spam protection via Cloudflare Turnstile.
Animations that don’t hurt CWV
Framer Motion for entrance and scroll animations, configured to respect prefers-reduced-motion. CLS stays at zero on every breakpoint, including mobile.
Edge-rendered for speed
Statically generated where it can be, edge-rendered where it can’t. First-contentful paint under 0.8s on a 4G connection in Vercel’s Singapore region.
Who it's for
Built for teams that ship
01
Pre-launch waitlist
You have an idea but no product yet. Spin up the Waitlist App, write 150 words of copy, share on Twitter, and start measuring demand. Position-based referrals are wired up so early signups can pull friends in.
02
Marketing site for a SaaS
You have an MVP and need to drive signups. The Landing Page Kit covers every section you’ll need — hero, features, pricing, testimonials, FAQ — without the WordPress baggage.
03
Indie product launch
You’re shipping a side project. Copy the landing page template, swap branding, and you have a Product Hunt-ready page that loads instantly on mobile and ranks for your product name on Google.
Comparison
How DevKit compares
| Feature | DevKit | Framer | Webflow | Builder.io |
|---|---|---|---|---|
| Free / open source | ||||
| Custom code without limits | Limited | Limited | ||
| Next.js 15 + App Router | Plugin | |||
| TypeScript | Partial | |||
| Edit in your IDE | Hybrid | |||
| Lighthouse 100 | Varies | Rarely | Varies | |
| Self-hosted on Vercel | ||||
| No vendor lock-in | Partial | |||
| A/B testing | PostHog | Built in | Built in | Built in |
| Form to email/webhook |
FAQ
Common questions
Can I customise the design without writing code?
+
These templates are code-first — you edit React components, not a visual editor. If you need a no-code approach, Framer or Webflow are better fits. The trade-off: those tools cost $20–$70/month per site and lock your content into their hosting. DevKit costs $0 and you own everything.
How do I connect the form to my email list?
+
The form posts to a Next.js API route. Swap the route handler to integrate with ConvertKit, Beehiiv, Mailchimp, Resend, or a webhook. There’s a reference implementation for each. No Zapier required.
Is the waitlist actually viral?
+
It uses position-based referrals — every signup gets a unique referral link, and each verified referral moves them up the list. The classic Robinhood/Superhuman pattern. Whether your idea is viral is a separate question.
Does it work with my custom domain?
+
Yes. Vercel handles custom domains for free, including SSL. Point your DNS, add the domain in the Vercel dashboard, and you’re live. SaaS-style apex + www routing is configured in next.config.
Can I A/B test the hero copy?
+
Yes. PostHog feature flags are wired up so you can run an experiment on hero headline or CTA text without redeploying. The recipe is documented in the README. Vercel A/B testing also works if you prefer their flow.
What about cookie consent?
+
A minimal, accessible cookie banner is included with separate consent for analytics and marketing cookies. GDPR-ready out of the box; check the README for the EU/UK toggle.
Related categories
Custom builds
Need a custom landing page?
Get a conversion-tuned landing page designed and built for your launch in under two weeks — copy, design, and code included.