Beschreibung
Launch UI ist eine Komponenten-Bibliothek für Landingpages und Marketing-Seiten, aufgebaut auf React, Next.js, Tailwind CSS und shadcn/ui. Der freie Kern umfasst laut Anbieter acht Section-Familien, darunter Hero, Pricing, CTA, FAQ, Stats, Logos, Navbar und Footer, dazu ein komplettes Website-Template und vier Animationen. Komponenten lassen sich wahlweise per Copy-paste aus dem Repository übernehmen, über die shadcn-Registry-CLI installieren (npx shadcn@latest add @launchui/<component>) oder als fertiges Next.js-Template klonen. Inhalte sind von der Darstellung getrennt, sodass sich Texte, Bilder und Daten schnell ändern oder an ein bestehendes CMS anbinden lassen.
Voraussetzung ist ein Projekt mit shadcn/ui- und Radix-Grundlage, ohne diese muss ein Zielprojekt zunächst mit der shadcn-CLI initialisiert werden. Die Bibliothek ist auf React 19.2, Next.js 16.2 und Tailwind v4.2 ausgelegt, für Tailwind v3 existiert ein separater Branch. Bewegung läuft ausschließlich über CSS-Animationen der Zusatzbibliothek tw-animate-css, ein JavaScript-Animationsframework wie framer-motion ist nicht enthalten. Der kostenlose Kern deckt nur einen Teil des Angebots ab, umfangreichere Blocks wie Bento-Layouts, Social-Proof-Sections, Tabs, Karussells und Testimonials liegen ausschließlich im kostenpflichtigen Pro-Paket.
Gegenüber reinen shadcn/ui-Primitives liefert Launch UI vollständig zusammengesetzte Marketing-Sections statt einzelner Grundbausteine, wofür shadcn allein besser passt, wenn nur Formulare oder Dialoge gebraucht werden. Gegenüber No-Code-Baukästen bleibt der Code vollständig im eigenen Repository und läuft im selben Framework wie das Produkt, ohne separate Codebase oder zusätzliche Schnittstelle. Für Projekte außerhalb eines React- oder Next.js-Stacks oder für Landingpages mit aufwendigen, generativen Bewegungseffekten ist die Bibliothek dagegen nicht die richtige Wahl, da sie bewusst auf zurückhaltende CSS-Animationen setzt.
