Shadcn components in Launch Express are built on top of Radix UI primitives and styled using Tailwind CSS. This combination offers a powerful set of accessible, customizable components that can be easily adapted to your project’s design needs.

Available Components

Launch Express comes already with a set of components from shadcn, including:

  • Button
  • Dialog
  • Dropdown Menu
  • Input
  • Tabs
  • Toast
  • And many more…

But you have the flexibility to add more components, by following the steps on shadcn’s documentation.

Usage

To use a Shadcn component in your Launch Express project, simply import it from the @/components/ui directory:

import { Button } from "@/components/ui/button";

export default function MyComponent() {
	return <Button variant="default">Click me</Button>;
}

For more information on customizing the theme, please refer to our Theme Customization Guide.