Pro

Getting started with Launch UI Pro

Launch UI Pro is a collection of premium components that complements Launch UI. It is available for both individuals and teams. All plans can be used on unlimited projects.

Learn more about the available plans and what's included in the package on the pricing page.

Check out this video for a 1-minute demo of Launch UI Pro and see how the purchase, installation and usage look like in practice:

Tailwind 3 and Tailwind 4 support

After the purchase, you will get two versions of the product: the latest version of Launch UI 2 that uses Tailwind 4 as well as the latest version on Launch UI 1 that uses Tailwind 3. Both versions are actively maintained, but new components will only be added to the Tailwind 4 version.

If you're already using Launch UI Pro and want to upgrade, read more about upgrading to Tailwind 4.

Getting started

1

Set up project

Set up your project as described in the installation guide.

You can start a new project, initiate Launch UI in an existing project or clone a template from Github.

2

Install components

Once your purchase is complete, you will be able to download the zip file containing the components.

Unzip the file and copy the contents into your project. You can copy all the components at once or only the ones you need.

Usually, components live in the components folder under the root of your project. If you choose a different location, you might need to adjust the paths to the files.

3

Add styles

Launch UI Pro also includes custom CSS variables, keyframes and animations that need to be imported into your projects for animations and effects to work as expected.

Since Tailwind 4 deprecated tailwind.config.ts, all you have to do is to add the pro.css file from the zip package to your project. You can either import this file into your globals.css file or copy over its contents.

4

Build your website

That's it! You can now start building. Good luck!

Need help?

File a feature request, report a bug, or ask me anything.