---
name: "@launchui"
slug: "launchui"
description: "Launch UI is a landing-page-focused block and template library built with React 19, shadcn/ui, and Tailwind CSS, versioned at v2.9. Blocks cover every section a marketing site needs: Hero (multiple variants), Top Navbar, Bento Grid, Carousel, FAQ, Feature, Gallery, Items, Logos, Pricing, Social Proof, Stats, Tabs, Testimonials, CTA, and Footer. Supports multiple color themes (ember, fire, ultraviolet, titanium, ice, holo, emerald, electro) and border-radius tokens. Includes Illustrations and full-page Templates. Free and open source, with an optional paid course. Use for: rapidly assembling polished, on-brand SaaS or product landing pages without designing every section from scratch."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "blocks", "buttons", "cards", "icons", "marketing", "media", "navigation", "pro-available", "saas", "theming"]
framework: "react"
license: "MIT"
author: "launch-ui"
website: "https://www.launchuicomponents.com/"
github: "https://github.com/launch-ui/launch-ui"
registry: "https://www.launchuicomponents.com/r/registry.json"
pro: true
pro_url: "https://www.launchuicomponents.com/pricing"
github_stars: 807
component_count: 24
generated_at: "2026-07-28T08:00:50.948Z"
---

# @launchui

Launch UI is a landing-page-focused block and template library built with React 19, shadcn/ui, and Tailwind CSS, versioned at v2.9. Blocks cover every section a marketing site needs: Hero (multiple variants), Top Navbar, Bento Grid, Carousel, FAQ, Feature, Gallery, Items, Logos, Pricing, Social Proof, Stats, Tabs, Testimonials, CTA, and Footer. Supports multiple color themes (ember, fire, ultraviolet, titanium, ice, holo, emerald, electro) and border-radius tokens. Includes Illustrations and full-page Templates. Free and open source, with an optional paid course. Use for: rapidly assembling polished, on-brand SaaS or product landing pages without designing every section from scratch.

## Links

- Website: https://www.launchuicomponents.com/
- GitHub: https://github.com/launch-ui/launch-ui
- Registry JSON: https://www.launchuicomponents.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/launchui
- This file: https://sh4dcn.vercel.app/md/launchui.md
- Pro / pricing: https://www.launchuicomponents.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.launchuicomponents.com/r/registry.json
pnpm dlx shadcn@latest add https://www.launchuicomponents.com/r/registry.json
bunx shadcn@latest add https://www.launchuicomponents.com/r/registry.json
# clone the source repo
git clone https://github.com/launch-ui/launch-ui.git
# fetch the raw registry index
curl -s https://www.launchuicomponents.com/r/registry.json
```

## Components (24)

| name | type | description | install |
| --- | --- | --- | --- |
| launchui | registry:ui | Base styles, CSS utilities, and configuration for Launch UI components. | `npx shadcn@latest add https://www.launchuicomponents.com/r/launchui.json` |
| navbar | registry:block | A responsive navigation bar with mobile menu support and customizable links. | `npx shadcn@latest add https://www.launchuicomponents.com/r/navbar.json` |
| hero | registry:block | A hero section with badge, title, description, CTA buttons, and mockup display. | `npx shadcn@latest add https://www.launchuicomponents.com/r/hero.json` |
| items | registry:block | A grid of items with icons and descriptions, perfect for features or benefits. | `npx shadcn@latest add https://www.launchuicomponents.com/r/items.json` |
| logos | registry:block | A logo cloud section to showcase partners, clients, or technologies. | `npx shadcn@latest add https://www.launchuicomponents.com/r/logos.json` |
| bento-grid | registry:block | A bento-style grid layout for showcasing features or content blocks. | `npx shadcn@latest add https://www.launchuicomponents.com/r/bento-grid.json` |
| feature | registry:block | Feature sections with various layouts for highlighting product capabilities. | `npx shadcn@latest add https://www.launchuicomponents.com/r/feature.json` |
| tabs | registry:block | Tabbed content sections for organizing information. | `npx shadcn@latest add https://www.launchuicomponents.com/r/tabs.json` |
| social-proof | registry:block | Social proof sections with testimonials, ratings, and trust badges. | `npx shadcn@latest add https://www.launchuicomponents.com/r/social-proof.json` |
| testimonials | registry:block | Customer testimonial sections with carousel and grid layouts. | `npx shadcn@latest add https://www.launchuicomponents.com/r/testimonials.json` |
| faq | registry:block | Frequently asked questions section with accordion functionality. | `npx shadcn@latest add https://www.launchuicomponents.com/r/faq.json` |
| cta | registry:block | Call-to-action sections with various styles and glow effects. | `npx shadcn@latest add https://www.launchuicomponents.com/r/cta.json` |
| carousel | registry:block | Image and content carousels with multiple display options. | `npx shadcn@latest add https://www.launchuicomponents.com/r/carousel.json` |
| stats | registry:block | Statistics display section for showcasing numbers and metrics. | `npx shadcn@latest add https://www.launchuicomponents.com/r/stats.json` |
| pricing | registry:block | Pricing tables and cards with feature comparisons. | `npx shadcn@latest add https://www.launchuicomponents.com/r/pricing.json` |
| footer | registry:block | Website footer with navigation links, social icons, and theme toggle. | `npx shadcn@latest add https://www.launchuicomponents.com/r/footer.json` |
| gallery | registry:block | Image gallery sections with grid and masonry layouts. | `npx shadcn@latest add https://www.launchuicomponents.com/r/gallery.json` |
| pro | registry:ui | All dependencies required for Launch UI Pro components. | `npx shadcn@latest add https://www.launchuicomponents.com/r/pro.json` |
| button | registry:ui | A customizable button component with multiple variants and sizes. | `npx shadcn@latest add https://www.launchuicomponents.com/r/button.json` |
| badge | registry:ui | A badge component for labels, tags, and status indicators. | `npx shadcn@latest add https://www.launchuicomponents.com/r/badge.json` |
| card | registry:ui | A card component for containing related content. | `npx shadcn@latest add https://www.launchuicomponents.com/r/card.json` |
| screenshot | registry:ui | A theme-aware screenshot component that switches between light and dark images. | `npx shadcn@latest add https://www.launchuicomponents.com/r/screenshot.json` |
| mockup | registry:ui | Device mockup frames for showcasing app screenshots. | `npx shadcn@latest add https://www.launchuicomponents.com/r/mockup.json` |
| glow | registry:ui | Decorative glow effects for adding visual interest. | `npx shadcn@latest add https://www.launchuicomponents.com/r/glow.json` |

## For AI agents

```text
You are adding components from @launchui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/launchui.md) for the component list.
2. Fetch the machine-readable index: https://www.launchuicomponents.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: launchui).
```