Sep 15 2025 12:34 PM
Changes committed and pushed
Cursor • contact@mikolajdobrucki.com
Last updated: 22 Oct 2025
Level-up your design game, today
Get lifetime access to all the blocks and templates, plus any new content that will be added in the future.
No recurring fees, no false scarcity, no fake discounts. Just simple, transparent pricing.
Free
For everyone starting out on a website for their big idea
$0
Free and open-source forever.
- 1 website template
- 9 blocks and sections
- 4 custom animations
Pro
For early-stage founders, solopreneurs and indie devs
$99
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- 4 website templates
- 2 app templates
- 72 blocks and sections
- 23 illustrations
- 15 custom animations
Pro Team
For teams and agencies working on cool products together
$499
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- All the templates, components and sections available for your entire team
What's included?
Blocks
Navbar
Hero
New version of Launch UI is out!Get started
Give your big idea the design it deserves
Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.
Launch UI v2 is out!Read more
Give your big idea the design it deserves
Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.
Give your big idea the design it deserves
Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.
Free and open source forever.
Give your big idea the design it deserves
Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.
New version of Launch UI is out!Get started
Give your big idea the design it deserves
Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.
Logos
Last updated: 22 Oct 2025
Built with industry-standard tools and best practices
Figma
React19.2.0
TypeScript5.9.3
Shadcn/ui3.4.2New
Tailwind4.1.14
Trusted by world's leading companies
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Trusted by world's leading companies
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
Trusted by world's leading companies
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Trusted by world's leading companies
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Carousel
All the components you need
Launch UI provides a comprehensive set of components that includes everything you might need to build an effective, modern landing page.
Hero sections
Start with the right impression
These shadcn hero sections are designed to make a strong first impression. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Bento grids
Showcase your features
These shadcn bento grids are designed to showcase your features in a way that is both functional and visually appealing. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Navbars
Guide your users like a pro
These shadcn navbars are designed to help you stay organized. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Testimonials
Prove your success
These shadcn testimonials, quotes, and reviews are designed to showcase your success. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Illustrations
Showcase your product
These shadcn mockup, illustration, and background components are designed to showcase your product. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
All the components you need
Launch UI provides a comprehensive set of components that includes everything you might need to build an effective, modern landing page.
Hero sections
Start with the right impression
These shadcn hero sections are designed to make a strong first impression. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Bento grids
Showcase your features
These shadcn bento grids are designed to showcase your features in a way that is both functional and visually appealing. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Navbars
Guide your users like a pro
These shadcn navbars are designed to help you stay organized. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
Testimonials
Prove your success
These shadcn testimonials, quotes, and reviews are designed to showcase your success. They are optimized for maximum performance and deliver smooth animations and responsive interactions without compromising on functionality or design.
All the components you need
Launch UI provides a comprehensive set of components that includes everything you might need to build an effective, modern landing page.
Hero sections
Start with the right impression
Bento grids
Showcase your features
Navbars
Guide your users like a pro
Testimonials
Prove your success
Illustrations
Showcase your product
Recently built with Launch UI
Dozens of designers and developers have already built their websites with Launch UI.
Stats
used by
6.1
k
designers on Figma Community
over
1553
clones and forks of the template on Github
already
13.2
k
installations with shadcn/ui CLI
includes
72
blocks and sections
used by
6.1
k
designers on Figma Community
over
1553
clones and forks of the template on Github
already
13.2
k
installations with shadcn/ui CLI
includes
72
blocks and sections
A powerful React library for websites
A comprehensive collection of components written in modern React, Typescript and Tailwind CSS.
used by
6.1
k
designers on Figma Community
over
1553
clones and forks of the template on Github
already
13.2
k
installations with shadcn/ui CLI
includes
72
blocks and sections
A proven solution for good design
Thousands of designers and developers have already used Launch UI to create beautiful and functional websites and products.
used by
20.9
k
designers and developers
used by
6.1
k
designers on Figma Community
over
1553
clones and forks of the template on Github
already
13.2
k
installations with shadcn/ui CLI
Gallery
What's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Saturn
A modern and clean template for SaaS businesses and marketing websites. Designed to showcase your product and convert visitors into customers.
View TemplateNeptune
A template for groundbreaking AI products and applications. Perfect for showcasing AI capabilities and demonstrating complex features.
View TemplateLuna
A comprehensive template for developer-focused projects. Perfect for showcasing developer features and building trust with potential customers.
View TemplatePluto
A sleek and engaging template designed for mobile app marketing. Perfect for showcasing app features and driving downloads.
View TemplateCalendar App
Responsive, customizable calendar block made with shadcn/ui, tailwind and react. Perfect for scheduling apps, time management tools, CRMs, and productivity platforms.
View TemplateAI Chat App
Interactive chat block made with shadcn/ui, tailwind and react. A great starting point for building AI assistants, customer support tools, messaging platforms, and virtual agents.
View TemplateWhat's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Saturn
A modern template for SaaS businesses and marketing websites. Designed to showcase your product and drive conversions.
View TemplateNeptune
A sleek template for AI products and applications. Perfect for showcasing advanced capabilities and innovative features.
View TemplateLuna
A comprehensive template for developer tools and platforms. Built to highlight technical features and developer experience.
View TemplatePluto
An engaging template for mobile app marketing. Designed to showcase app features and increase user acquisition.
View TemplateCalendar App
A responsive calendar block built with modern tools. Perfect for scheduling, time management and productivity apps.
View TemplateAI Chat App
An interactive chat interface built with modern tools. Ideal for AI assistants, support tools and messaging platforms.
View TemplateCalendar App
A responsive calendar block built with modern tools. Perfect for scheduling, time management and productivity apps.
View TemplateAI Chat App
An interactive chat interface built with modern tools. Ideal for AI assistants, support tools and messaging platforms.
View TemplateWhat's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Blocks
Building blocks for creating beautiful user interfaces across various sections of your website.
Hero
5 sections
Bento Grid
5 sections
Feature
6 sections
Social Proof
6 sections
FAQ
5 sections
Navbar
5 sections
Logos
5 sections
Items
4 sections
Carousel
4 sections
Stats
3 sections
Testimonials
3 sections
CTA
3 sections
Footer
3 sections
Pricing
3 sections
Tabs
3 sections
Website Templates
Complete website templates ready to be customized for your business needs.
Saturn
A modern and clean template for SaaS businesses and marketing websites. Designed to showcase your product and convert visitors into customers.
View TemplateNeptune
A template for groundbreaking AI products and applications. Perfect for showcasing AI capabilities and demonstrating complex features.
View TemplateLuna
A comprehensive template for developer-focused projects. Perfect for showcasing developer features and building trust with potential customers.
View TemplatePluto
A sleek and engaging template designed for mobile app marketing. Perfect for showcasing app features and driving downloads.
View TemplateApp Templates
Ready-to-use app interface templates that you can integrate with your backend.
Calendar App
Responsive, customizable calendar block made with shadcn/ui, tailwind and react. Perfect for scheduling apps, time management tools, CRMs, and productivity platforms.
View TemplateAI Chat App
Interactive chat block made with shadcn/ui, tailwind and react. A great starting point for building AI assistants, customer support tools, messaging platforms, and virtual agents.
View Template Bento Grid
Build a website that is hard to forget.
Build a top-notch landing page even if you don't have the time for it. Create an irresistible offer that speaks professionalism and hi-end design.
Made for search engines
Unlike the bloated no-code solutions, Launch UI is built to be perfectly optimized for search engines.
The code is yours
With Launch UI, the code is yours forever. You can use it as a starting point for your own projects and customize it to your needs.
Never bother about subscriptions and lock-ins.
Build a website that is hard to forget.
Build a top-notch landing page even if you don't have the time for it. Create an irresistible offer that speaks professionalism and hi-end design.
95
85
90
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Top-level performance
With no heavy assets or dependencies, your website will feel snappy and load instantly.
No bloat, no extra maintenance.
It's all about design quality
In a world where everybody can vibe-code a new thing overnight, the key is to stand out. Generic-looking shadcn/ui blocks won't help you to get noticed. With Launch UI, you can make sure that your design is unique and memorable.
Design-first
Each block and component is carfully crafted—not generated by AI—to give a unique look and feel AI would never come up with.
Made for fast development
With lightweight code, modern tooling and best practice, Launch UI is as fast in the browser as it is to build with.
The code is yours
With Launch UI, the code is yours forever. Never bother about subscriptions and lock-ins.
page.tsx
globals.css
import { cn } from "@/lib/utils"; import clsx from "clsx"; import { PropsWithChildren } from "react"; type NoteProps = PropsWithChildren & { title?: string; type?: "note" | "danger" | "warning" | "success"; className?: string; }; export default function Note({ children, title = "Note", type = "note", className, }: NoteProps ) { const noteClassNames = clsx({ "dark:bg-stone-950/25 bg-stone-50": type == "note", "dark:bg-red-950 bg-red-100 border-red-200 dark:border-red-900": type === "danger", "dark:bg-orange-950 bg-orange-100 border-orange-200 dark:border-orange-900": type === "warning", "dark:bg-green-950 bg-green-100 border-green-200 dark:border-green-900": type === "success", });
@import "tailwindcss"; @plugin "tailwindcss-animate"; @import "../styles/syntax.css" layer(utilities); @import "../styles/theme.css" layer(utilities); @custom-variant dark (&:where(.dark, .dark *)); @theme inline { --color-brand: var(--brand); --color-brand-foreground: var(--brand-foreground); --color-light: var(--light); --color-light-foreground: var(--light-foreground); --color-background: var(--background); --color-foreground: var(--foreground); --color-sidebar-ring: var(--sidebar-ring);
Top-level performance
Made for static sites while avoiding heavy assets, your website will feel snappy and load instantly.
Build a website that is hard to forget.
Build a top-notch landing page even if you don't have the time for it. Create an irresistible offer that speaks professionalism and hi-end design.
The code is yours
With Launch UI, the code is yours forever. You can use it as a starting point for your own projects and customize it to your needs.
Never bother about subscriptions and lock-ins.
ai-powered stack
21,000
active users
Sep 20 2025 2:43 PM
Pull Request #2121 merged
Github • contact@mikolajdobrucki.com
Aug 23 2025 6:34 PM
Deployed to production
Vercel • contact@mikolajdobrucki.com
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Integrate website and product
Integrate your landing page directly in the product and forget about multiple codebases and unnecessary APIs.
No extra dependencies, no extra maintenance.
Top-level performance
Made for static sites while avoiding heavy assets, your website will feel snappy and load instantly.
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Accessibility first
Responsive design
Light and dark mode
Easy to customize
Top-level performance
Production ready
Made for localisation
CMS friendly
Top-level performance
Production ready
Made for localisation
CMS friendly
Top-level performance
Production ready
Made for localisation
CMS friendly
Made for search engines
Unlike the bloated no-code solutions, Launch UI is built to be perfectly optimized for search engines.
Feature
Everything you need at your fingertips
A comprehensive collection of components written in modern React, Typescript and Tailwind CSS.
You'll find here everything you need to build your next landing page.
Everything you need at your fingertips
A comprehensive collection of components written in modern React, Typescript and Tailwind CSS.
You'll find here everything you need to build your next landing page.
You can change anything. But you don't have to.
Get the full control of the code of your website. Change it or just use the defaults. Customize it in seconds with CSS variables.
You can change anything. But you don't have to.
Get the full control of the code of your website. Change it or just use the defaults. Customize it in seconds with CSS variables.
You can change anything. But you don't have to.
Get the full control of the code of your website. Change it or just use the defaults. Customize it in seconds with CSS variables.
Tabs
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Social Proof
Loved by designers and developers across the planet
These are some dummy testimonials from made-up names displayed to preview the social proof components in action.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
Loved by designers and developers across the planet
Here's what people are saying about Launch UI
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
Loved by designers and developers across the planet
Here's what people are saying about Launch UI
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground. Simply incredible stuff.
L
Luna Martinez
@lunacode
@launchui is a game-changer for rapid prototyping. The components are so well thought out.
N
Nina Patel
@ninadev
The way @launchui handles customization is brilliant. Makes everything so intuitive and simply amazing.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
M
Marcus Chen
@marcusdev
@launchui is revolutionizing how I approach component design. Pure magic.
S
Sarah Parker
@sparkdev
@launchui has completely transformed my workflow. The attention to detail is incredible.
J
James Wilson
@jwilsontech
Building with @launchui feels like having a design system from the future. Absolutely brilliant.
F
Felix B.
@felixbs
Digging into @launchui. Those shadows are giving me serious design envy.
A
Alex Thompson
@alexbuilds
@launchui has the perfect balance of flexibility and structure. Exactly what I needed.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
Loved by designers and developers across the planet
Here's what people are saying about Launch UI
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground. Simply incredible stuff.
L
Luna Martinez
@lunacode
@launchui is a game-changer for rapid prototyping. The components are so well thought out.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
Loved by designers and developers across the planet
Here's what people are saying about Launch UI
F
Fabrizio Fernandez
@fab3304
Playing around with @launchui suddenly made me feeling inspired to launch that side project.
D
Darius Flynn
@flynnn
Exploring @launchui's sleek UI. It's like a dark mode enthusiast's playground. Simply incredible stuff.
L
Luna Martinez
@lunacode
@launchui is a game-changer for rapid prototyping. The components are so well thought out.
O
Olivia Blackwood
@olivia1992
@launchui is not messing around with its component library game.
E
Esme Rothschild
@EmeRothArt
@launchui is slick. That globe graphic though. Making me feel like I'm building websites for a sci-fi movie.
K
Kai Nakamura
@KaiNakWaves
Just made my first website with @launchui. Its flexibility is speaking my language. No drama, just seamless integration.
Testimonials
“I love that I don't need to think about the design because Launch UI perfectly solves it for me. If you value flexibility over written-in-stone components, I can highly recommend it.”
“I love that I don't need to think about the design because Launch UI perfectly solves it for me. If you value flexibility over written-in-stone components, I can highly recommend it.”
M
Marcin Zaremski
Indie Hacker
“What stands out about Launch UI is its flexibility. We've built everything from dashboards to marketing sites using these components, and they adapt beautifully to every context.”
M
Marcus Rodriguez
Tech Lead
“I love that I don't need to think about the design because Launch UI perfectly solves it for me. If you value flexibility over written-in-stone components, I can highly recommend it.”
M
Marcin Zaremski
Indie Hacker
“What stands out about Launch UI is its flexibility. We've built everything from dashboards to marketing sites using these components, and they adapt beautifully to every context.”
M
Marcus Rodriguez
Tech Lead
“I've used many UI libraries over the years, but Launch UI strikes the perfect balance between flexibility and structure. It's become an essential part of my toolkit.”
D
Darius Flynn
Web Developer
Items
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Made for localisation
Easy to implement support for multiple languages and regions
CMS friendly
Built to work with your any headless content management system
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Everything you need. Nothing you don't.
Accessibility first
Fully WCAG 2.0 compliant, made with best a11y practices
Responsive design
Looks and works great on any device and screen size
Light and dark mode
Seamless switching between color schemes, 6 themes included
Easy to customize
Flexible options to match your product or brand
Top-level performance
Made for lightning-fast load times and smooth interactions
Production ready
Thoroughly tested and launch-prepared
Made for localisation
Easy to implement support for multiple languages and regions
CMS friendly
Built to work with your any headless content management system
Pricing
Build your dream landing page, today.
Get lifetime access to all the components. No recurring fees. Just simple, transparent pricing.
Free
For everyone starting out on a website for their big idea
$0
Free and open-source forever.
- 1 website template
- 9 blocks and sections
- 4 custom animations
Pro
For early-stage founders, solopreneurs and indie devs
$99
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- 4 website templates
- 2 app templates
- 72 blocks and sections
- 23 illustrations
- 15 custom animations
Pro Team
For teams and agencies working on cool products together
$499
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- All the templates, components and sections available for your entire team
Pricing
This is just a preview of a component variant for subscription products. Launch UI Pro version is available as one-time purchase with lifetime access.
MonthlyYearlySave 20%
Starter
Perfect for small teams and growing businesses
$12
one-time paymentplus local taxes
Billed yearly ($144/year)
- Up to 5 team members
- 20GB storage
- Basic analytics
- 24/7 email support
- API access
Enterprise
For larger teams with advanced needs
$60
one-time paymentplus local taxes
Billed yearly ($720/year)
- Unlimited team members
- Unlimited storage
- Advanced analytics
- 24/7 priority support
- Custom integrations
- SSO authentication
- Dedicated account manager
Build your dream landing page, today.
Get lifetime access to all the components. No recurring fees. Just simple, transparent pricing.
Pro
For early-stage founders, solopreneurs and indie devs
$99
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- 4 website templates
- 2 app templates
- 72 blocks and sections
- 23 illustrations
- 15 custom animations
Pro Team
For teams and agencies working on cool products together
$499
one-time paymentplus local taxes
Lifetime access. Free updates. No recurring fees.
- All the templates, components and sections available for your entire team
Pricing
This is just a preview of a component variant for subscription products. Launch UI Pro version is available as one-time purchase with lifetime access.
MonthlyYearlySave 20%
Free
For everyone starting out on a website for their big idea
$0
Free and open-source forever
- 9 landing page sections
- 36 components
- 5 custom animations
Starter
Perfect for small teams and growing businesses
$12
one-time paymentplus local taxes
Billed yearly ($144/year)
- Up to 5 team members
- 20GB storage
- Basic analytics
- 24/7 email support
- API access
Enterprise
For larger teams with advanced needs
$60
one-time paymentplus local taxes
Billed yearly ($720/year)
- Unlimited team members
- Unlimited storage
- Advanced analytics
- 24/7 priority support
- Custom integrations
- SSO authentication
- Dedicated account manager
FAQ
Questions and Answers
Questions and Answers
Questions and Answers
Questions and Answers
Questions and Answers
Why building a great landing page is critical for your business?
In today's AI-driven world, standing out is harder than ever. While anyone can build a product, a professional landing page makes the difference between success and failure.
Launch UI helps you ship faster without compromising on quality.
Why use Launch UI instead of a no-code tool?
No-code tools lock you into their ecosystem with recurring fees and limited control. They often come with performance issues and make it difficult to integrate with your product.
You can't even change your hosting provider and basic things like web analytics come as extra costs and paid add-ons.
What might seem like a convenient solution today could paint you into a corner tomorrow, limiting your ability to scale and adapt. Launch UI gives you full control of your code while maintaining professional quality.
How Launch UI is different from other components libraries and templates?
Launch UI stands out with premium design quality and delightful touches of custom animations and illustrations.
All components are carefully crafted to help position your product as a professional tool, avoiding the generic template look.
Unlike many libraries that rely on outdated CSS practices and old dependencies, Launch UI is built with modern technologies and best practices in mind.
Why exactly does it mean that "The code is yours"?
The basic version of Launch UI is open-source and free forever, under a do-whatever-you-want license.
The pro version that contains more components and options is a one-time purchase that gives you lifetime access to all current and future content. Use it for unlimited personal and commercial projects - no recurring fees or restrictions.
For complete details about licensing and usage rights, check out the pricing page.
Are Figma files included?
Yes! The complete Launch UI template is available for free on the Figma community.
Can I get a discount?
Actually, yes! I'm always acively looking for beta testers of new features. If you are interested in exchanging feedback for a discount, please contact me via email.
CTA
Start building
Get started
Start building with Launch UI
Get started with Launch UI and build your landing page in no time
Start building
Get started with Launch UI and build your landing page in no time
14-days trials. No credit card required.
Footer
Illustrations
We need to update this heading before launch
Sofia G.
Let me quickly jump into Sanity and fix it
Done!
Erik D.
127.0.0.1:8000
page.tsx
globals.css
import { cn } from "@/lib/utils"; import clsx from "clsx"; import { PropsWithChildren } from "react"; type NoteProps = PropsWithChildren & { title?: string; type?: "note" | "danger" | "warning" | "success"; className?: string; }; export default function Note({ children, title = "Note", type = "note", className, }: NoteProps ) { const noteClassNames = clsx({ "dark:bg-stone-950/25 bg-stone-50": type == "note", "dark:bg-red-950 bg-red-100 border-red-200 dark:border-red-900": type === "danger", "dark:bg-orange-950 bg-orange-100 border-orange-200 dark:border-orange-900": type === "warning", "dark:bg-green-950 bg-green-100 border-green-200 dark:border-green-900": type === "success", });
@import "tailwindcss"; @plugin "tailwindcss-animate"; @import "../styles/syntax.css" layer(utilities); @import "../styles/theme.css" layer(utilities); @custom-variant dark (&:where(.dark, .dark *)); @theme inline { --color-brand: var(--brand); --color-brand-foreground: var(--brand-foreground); --color-light: var(--light); --color-light-foreground: var(--light-foreground); --color-background: var(--background); --color-foreground: var(--foreground); --color-sidebar-ring: var(--sidebar-ring);