Getting startedStarter kits

Vite Starter Kit

Start building your SPA with Vite, React, LibravelUI, and Tailwind CSS v4.

This starter kit provides a pre-configured Vite SPA setup packed with React 19, Tailwind CSS v4, and LibravelUI components right out of the box.

Clone the Starter Kit

Use tiged to clone the boilerplate repository quickly without git history:

npx libravelui@latest create --vite

Install Dependencies

Navigate to your application directory and install the necessary Node.js dependencies:

npm install cd my-app
npm install

Start Development Server

Start building your application by running the Vite development server:

npm run dev

Your application should now be accessible at http://localhost:5173.

What's Included?

  • Vite 6: The fast and incredibly lightweight frontend tooling module.
  • React 19: The library for web user interfaces.
  • React Router: Preconfigured with basic routes.
  • Tailwind CSS v4: Utility-first CSS framework integrated via Vite plugin.
  • LibravelUI: Pre-configured with the core CLI, CSS variables, and basic primitives.

Adding Components

You can easily add more LibravelUI components using the CLI just as you normally would:

npx @libravelui@latest add button card dialog
Edit on GitHub

Next.js Starter Kit

Start building your Next.js application with LibravelUI and Tailwind CSS v4.

Theme Provider

A component that manages light and dark mode for your application with support for system preferences and local storage.