Installation

To get started with Tailgrids UI, you first need a React project with Tailwind CSS set up.

Quick Start

The fastest way to get started is by using our CLI. Run the following command in your project root:

npx @tailgrids/cli@latest init

This will initialize Tailgrids by installing required dependencies, generating the config file, and adding base styles.

Note: If you have chosen not to replace the content of your main CSS file, you will need to copy and paste the styles of tailgrids.css into your main CSS file (e.g., src/app/globals.css or src/index.css).

Pick Your Framework

Start by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app.

Next.js

Vite

Tanstack Start

React Router

Manual

Astro