Documentation

This documentation is intended to give you instructions on how to use the templates and components you’ve downloaded from TailGrids.

If you have any questions that are beyond the scope of this documentation, feel free to reach out to us on Discord or open a support ticket. We will get back to you ASAP.

HTML - Quickstart

Here’s how you can add TailGrids to your existing Tailwind CSS project:

1. Install TailGrids NPM package:

npm i tailgrids

2. Add TailGrids plugin to your tailwind.config.js file.

3. Browse Components and copy-paste snippets you like - on your projects and keep using!

Check out styling guide →

React - Quickstart

Here’s how you can add TailGrids React to your existing React and Tailwind CSS project:

1. Install TailGrids NPM package for getting our theme:

npm i tailgrids

2. Add TailGrids plugin to your tailwind.config.js file.

3. Browse and Use Components - once you have access, you can browse the available components and choose the ones you need or download TailGrids React package by logging in to your TailGrids account.

Please note that when importing certain components, you must import them manually using the relative path and for components that require external packages, be sure to install those packages as needed.

Stuck with anything? Feel free to open a support ticket, we will get back to you ASAP