Installation

Choose your preferred way of getting started:

• Create new project
• Add to existing project

Create new project

Start with a template

The easiest way is to use the template available on GitHub:

With this template, you get a fully-fledged Next.js landing page, with Shadcn/ui and Tailwind CSS already set up and a few sections already implemented.

Follow the README to get started. Then, use this documentation to add more components.

Start with CLI

If you prefer to start from scratch, first create a blank shadcn/ui project:

npx shadcn@latest init 'https://launchuicomponents.com/r' -d

This command will create a blank Next.js project with all the base Launch UI customizations.

Now you can start adding components. For example, to add a button:

npx shadcn@latest add 'https://launchuicomponents.com/r/button'

Follow the video tutorial

If you'd rather follow a video, check out this tutorial that explains how to build a Launch UI landing page from scratch step by step:

Start with a different framework

If you prefer to use a different framework than Next.js, such as Remix, Astro or Vite, start by following the shadcn/ui documentation.

Then, follow the instructions below on how to add Launch UI to an existing project.

Add to existing project

First, initialize shadcn/ui in your project if you haven't already:

npx shadcn@latest init

Then, add Launch UI base styles:

npx shadcn@latest add 'https://launchuicomponents.com/r'

This command will import all the CSS that Launch UI needs to work. You can now start adding components to your project.

Add to an existing project that already uses shadcn/ui

If the project already uses shadcn/ui, you can skip the init step and add Launch UI directly:

npx shadcn@latest add 'https://launchuicomponents.com/r'

You can now start adding components to your project, same as you would do with your existing shadcn/ui components.

Troubleshooting

If the CLI command doesn't work, try running npx shadcn@latest init to see if the issue persists. If it does, refer to the shadcn/ui documentation first. In such case, it's a shadcn/ui issue, not a Launch UI one. Things might not work as expected especially if you're using Next.js 15 (or React 19 in general).

If the npx shadcn@latest init command succeeds, run npx shadcn@latest add "https://launchuicomponents.com/r".

If this fails, please get in touch with me or open an issue on GitHub so I can help you out.