30 production-ready components for SaaS landing pages. Each is isolated below for easy preview and screenshot.
30 production-ready React + Tailwind components. Copy, paste, customize, ship.
Stop reinventing landing pages. Start shipping products. 30 components, zero setup.
A component library
Trusted by 4,000+ indie hackers and teams
Pure Tailwind CSS. No external libraries to install. Drop a component in and it just works.
Full type definitions. IntelliSense everywhere.
Buy once, get every future component.
Tested on every device size. Looks pixel-perfect from 320px to 4K.
Pure Tailwind. No JS dependencies. Pages load in milliseconds.
Battle-tested in real SaaS apps. Accessibility built-in.
Every detail polished. Every pixel intentional.
No subscriptions. No vendor lock-in. Lifetime updates included.
For solo builders shipping side projects.
Get PersonalFor freelancers building client work.
Get Pro"Saved me 20 hours on my last launch. The bento grid alone is worth the price."
"Finally a component pack that doesn't look generic."
"Shipped my MVP landing page in one evening."
"The dark mode design is gorgeous. Clients keep asking who designed it."
"Saved me 20 hours on my last launch. The bento grid alone is worth the price."
"Finally a component pack that doesn't look generic."
"Shipped my MVP landing page in one evening."
"The dark mode design is gorgeous. Clients keep asking who designed it."
"Best $29 I've spent this year."
"Code quality is excellent. Reads like Vercel-internal code."
"Bought Friday, shipped Sunday. Instant ROI."
"The marquee section. I've copied this 4 times already."
"Best $29 I've spent this year."
"Code quality is excellent. Reads like Vercel-internal code."
"Bought Friday, shipped Sunday. Instant ROI."
"The marquee section. I've copied this 4 times already."
"ShipKit completely changed how I build landing pages. What used to take a week now takes an afternoon. It's the best $29 I've spent on tools this year."
30 production-ready React + Tailwind components: heroes, features, pricing tables, testimonials, CTAs, navbars, footers, and more. Plus a working Next.js demo site, full TypeScript types, and Figma source files (Pro tier).
Pro and Team tiers allow unlimited use in client projects and SaaS products.
Basic React knowledge helps. The HTML version requires zero React knowledge.
Yes. Every tier includes lifetime updates.
Join 4,000+ builders who stopped reinventing landing pages.
Get notified when new components ship. No spam, just updates.
Joined by 1,200+ builders
Production-ready React components for SaaS founders who'd rather build their product than rebuild their hero section.
A complete component system, designed dark-first, engineered for performance, ready to ship in production today.
Every component ships as a single file with no external dependencies. Copy, paste, ship. No build steps, no runtime weight, no surprise install errors.
Components are built dark-first, with light variants tested in every state. Switch modes without touching a line of component code.
Every component is fully typed with sensible defaults. Your editor will catch mistakes before they become bugs in production.
Every component is a single file. No registry, no build step, no install dance. Drop it in your project, customize the props, ship.
Every component is benchmarked, audited, and battle-tested in real production apps before it ships.
Components compile to vanilla CSS. No JavaScript runtime, no hydration cost, no client bundle bloat. Static-site friendly out of the box.
ARIA roles, keyboard navigation, focus rings, and reduced-motion support are built into every component. WCAG AA compliant from day one.
New components, patterns, and refinements ship every Monday. Lifetime access means every future addition is yours, free of charge.
Start free, upgrade when you're ready. Cancel anytime.
For solo devs and side projects
Start freeFor growing teams and serious builders
Start 14-day trialFor agencies and product teams
Contact sales"ShipKit cut my landing page time from a full week down to an afternoon. The bento grid alone is worth every penny."
"Finally a component pack that doesn't look like every other AI-generated SaaS. Real design, real polish, real shipping."
"Bought it Friday, shipped my MVP Sunday. The pricing toggle and FAQ accordion saved me half a day each."
"Code quality reads like Vercel-internal stuff. Clean Tailwind, no nested hell, no surprise dependencies."
"Dark mode design is gorgeous. Three clients have asked who designed our landing page since we shipped it."
"Best $29 I've spent on tools this year. The mega menu is so good I rebuilt my whole nav around it."
Drop ShipKit into your project today and have a polished landing page live before dinner. No subscriptions, no setup, no excuses.
import { HeroEmailForm } from "./shipkit";
export default function Page() {
return <HeroEmailForm
title="Ship faster"
cta="Get started"
/>;
}Four people, one mission: help you ship faster without sacrificing craft.
Founder & Engineering
Full-stack developer building tools for indie hackers. Previously freelance.
Design Lead
Former Stripe designer. Obsessed with type, color, and the empty space between.
Engineering
React internals, build tools, and the dark arts of CSS. Lives in the terminal.
Every component in ShipKit is designed in dark before light. Here's the unexpected reason that produces better UI in both modes.
Sharp edges have a place. Soft edges have a place. Treating one as universal is how landing pages start looking like every other landing page.
A workflow that compressed two months of design system work into 48 focused hours. Templates, batches, and one weird font trick.