Launch UI

Launch UI is an open-source landing page kit for Next.js that supplies copy-paste-ready components built with shadcn/ui, Tailwind CSS, and TypeScript.

What is Launch UI?

Launch UI is a collection of production-ready website components for building landing pages, built on Next.js 16, Tailwind CSS 4.2, shadcn/ui, and TypeScript 5.9. It takes a standard Next.js project and supplies ready-to-use React components — navbar, hero sections, feature grids, FAQ accordions, stats displays, CTAs, footers — that you install via copy-paste rather than as a dependency. The kit is developed by the team behind launchuicomponents.com and is released under the MIT License.

Key Features

• Component-based architecture: Each section (Navbar, Hero, Items, Logos, FAQ, Stats, CTA, Footer) is an individual component you can copy directly into your project, with multiple variants described on the page.
• Tailwind v4 + React 19 support: Version 2.0 adds full support for Tailwind v4, React 19, and Next.js 16; a separate branch maintains a Tailwind 3-compatible version.
• Dark mode built in: Light/dark mode switching uses system preference detection across all components.
• Accessibility-focused: Components are designed to be WCAG compliant, with accessible tab and carousel implementations in the Pro set.
• SEO-friendly structure: Built with best practices for search engine visibility, with semantic markup and performance-oriented Next.js features.
• Pro expansion components: The paid Pro version adds Bento Grid, Feature showcases, Social Proof with marquees, Tabs, Carousel, and Testimonials components.
• Stack alignment: Uses Lucide icons and CSS animations/transitions, matching shadcn/ui's design language so the components blend into existing shadcn-based projects.

Who is it for?

• Developers building landing pages for developer tools: Present APIs, SDKs, CLI tools, and technical infrastructure products using the Hero and Items components.
• Startup founders and indie hackers: Quickly assemble a professional landing page for a new product without writing custom UI from scratch.
• SaaS product teams: Launch web applications, productivity tools, and business solutions using the CTA, Stats, and FAQ sections for conversion-focused pages.
• Mobile app creators: Showcase iOS and Android applications with the illustration-based hero variants and app-showcase layouts.

Use cases

• AI product launches: Showcase AI-powered applications, assistants, agents, and automation tools with hero sections and feature grids.
• Technical documentation front pages: Pair the Navbar and Footer components with markdown docs to create a clean product site.
• Conversion-optimized marketing pages: Combine CTA, Stats, and Social Proof (Pro) components to build landing pages focused on driving user engagement.

How does Launch UI work?

1. Install dependencies with npm install.
2. Start the development server with npm run dev.
3. Open http://localhost:3000 to view the site, then copy the components you need into your pages.

Pricing

The core Launch UI repository is free and open-source under the MIT License. A paid Pro version adds six additional component groups (Bento Grid, Feature, Social Proof, Tabs, Carousel, Testimonials) and is referenced via the launchuicomponents.com/pricing page.

FAQ

Is Launch UI free?

Yes, the core Launch UI repository is free and licensed under the MIT License. You can use it in personal and commercial projects. A separate Pro version with additional components is available for purchase on the Launch UI website.

Does Launch UI support Tailwind v4?

Yes. Launch UI v2.0 adds full support for Tailwind v4, React 19, and Next.js 16. If you're using Tailwind 3, a version that still supports it is maintained on a separate branch of the GitHub repository.

What components are included in free Launch UI?

The free version includes Navbar, Hero, Items, Logos, FAQ, Stats, CTA, and Footer components. Each component has multiple variants, such as static and floating navbars, illustration-based heroes, and multi-column footers.

What's in the Launch UI Pro version?

The Pro version adds Bento Grid, Feature, Social Proof, Tabs, Carousel, and Testimonials components. These are advanced components like masonry-style bento grids, marquee social proof, and accessible tab/carousel layouts.

Can I use Launch UI with React without Next.js?

The repository and documentation are built around Next.js projects — the quick start assumes a Next.js app, and the components are distributed as part of a Next.js template rather than a standalone React library.