https://github.com/launch-ui/launch-ui
Landing page kit built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
https://github.com/launch-ui/launch-ui
components-and-templates dark-theme landing-page nextjs radix-ui react shadcn-ui tailwindcss website-template
Last synced: about 2 months ago
JSON representation
Landing page kit built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
- Host: GitHub
- URL: https://github.com/launch-ui/launch-ui
- Owner: launch-ui
- License: mit
- Created: 2024-10-04T15:40:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-08-14T08:55:41.000Z (2 months ago)
- Last Synced: 2025-08-14T09:25:10.860Z (2 months ago)
- Topics: components-and-templates, dark-theme, landing-page, nextjs, radix-ui, react, shadcn-ui, tailwindcss, website-template
- Language: TypeScript
- Homepage: https://www.launchuicomponents.com/
- Size: 4.71 MB
- Stars: 313
- Watchers: 3
- Forks: 50
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# 🚀 Launch UI – Next.js Website Components Template
A comprehensive collection of production-ready website components built with Next.js, Shadcn/ui, and Tailwind CSS. Perfect for developers looking to quickly build modern, responsive websites with the power of shadcn/ui components.
[](https://nextjs.org/)
[](https://tailwindcss.com/)
[](https://www.typescriptlang.org/)
[](https://ui.shadcn.com/)
> [!TIP]
> **Tailwind v4 + React 19:**
> Launch UI v2.0 adds full support for Tailwind v4, React 19 and Next.js 15.
> If you're using Tailwind 3, a version that supports it is still maintained on a [separate branch](https://github.com/launch-ui/launch-ui/tree/tailwind-3).
## 🚀 Quick Start
1. Install dependencies:
```bash
npm install
```
2. Start the development server:
```bash
npm run dev
```
3. Open [http://localhost:3000](http://localhost:3000) to view your site
## 📚 Resources
- [Live Preview](https://launchuicomponents.com/preview)
- [Documentation](https://www.launchuicomponents.com/docs/getting-started/introduction)
## ✨ Features
- 🎨 **Modern Design System**: Built on top of shadcn/ui, offering a clean and professional look
- 📱 **Fully Responsive**: All components work perfectly across desktop, tablet, and mobile devices
- ⚡ **Performance Optimized**: Leverages Next.js 14 features for optimal loading speed
- 🌗 **Dark Mode Support**: Seamless light/dark mode switching with system preference detection
- ♿ **Accessibility First**: WCAG compliant components for inclusive web experiences
- 🎯 **SEO Optimized**: Built with best practices for search engine visibility
## 🧱 Components
### Included
- **Navbar**: Modern navigation component with multiple variants including static and floating styles. Features dropdown menus, mobile responsiveness, and seamless dark mode support
- **Hero**: Stunning hero sections with multiple variants including illustration-based layouts, glowing effects, and mobile app showcases. Built for strong first impressions and effective message delivery
- **Items**: Flexible grid system for feature lists, pricing tables, and product showcases. Includes both default and branded variants with responsive layouts
- **Logos**: Clean logo showcase component with static grid layout. Perfect for displaying brand partnerships and client logos with consistent styling
- **FAQ**: Comprehensive FAQ component with expandable accordions. Features smooth animations and responsive design for optimal user experience
- **Stats**: Versatile statistics display component with horizontal, tiles, and grid layouts. Perfect for showcasing statistics, big numbers, key metrics and data points
- **CTA**: Powerful call-to-action component with multiple styles including box layouts and beam effects. Designed to create compelling sections that drive user engagement
- **Footer**: Versatile footer with multiple layout variants including default, minimal, and multi-column styles. Perfect for organizing site information and links
### In [Pro version](https://launchuicomponents.com/pricing)
- **Bento Grid**: Advanced masonry-style grid system for creating visually appealing content arrangements. Perfect for showcasing features, products, or content in an elegant, card-based layout
- **Feature**: Sophisticated feature showcase with flexible illustration placements and mockup displays. Includes multiple layout options while maintaining shadcn's consistent design language
- **Social Proof**: Advanced social proof displays with masonry layouts, marquee animations, and clickable cards. Built for showcasing user feedback in engaging ways
- **Tabs**: Fully customizable tabs with left, top, and bottom alignments. Built with accessibility in mind for seamless content organization
- **Carousel**: Dynamic carousel component with multiple variants. Features smooth animations, responsive design, and customizable navigation controls
- **Testimonials**: Comprehensive testimonials component with grid layouts, carousels, and static displays. Designed for beautiful, accessible customer feedback showcases
## 🛠️ Tech Stack
- **Framework**: [Next.js 15](https://nextjs.org/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **UI Components**: [shadcn/ui](https://ui.shadcn.com/)
- **Language**: [TypeScript](https://www.typescriptlang.org/)
- **Animations**: CSS animations and transitions
- **Icons**: Lucide icons
## 💡 Use Cases
Launch UI was made for products that need a great-looking, conversion-optimized landing page that speaks to proffessional quality-oriented audiences.
Perfect for building landing pages for:
- 🛠️ **Developer Tools**: Present APIs, SDKs, CLI tools, and technical infrastructure products
- 🤖 **AI-Powered Applications**: Showcase products made with AI, assistants, agents and automation tools
- 💻 **SaaS Products**: Launch web applications, productivity tools, and business solutions
- 📱 **Mobile Apps**: Promote iOS and Android applications with beautiful app showcases
- 🚀 **Startup Products**: Perfect for indie hackers, solo founders, and technical startups
- ⚡ **Technical Products**: Ideal for technical products, development tools, and programming software
## 📝 License
This repository is licensed under the [MIT License](https://github.com/launch-ui/launch-ui/blob/main/LICENSE.md).
---