TailGrids Templates
Introduction
This documentation covers the instruction on how to install and use the Tailwind CSS templates, and answers to any problems and issues you may face while using the templates.
If you have any question that is beyond the scope of this documentation feel free to Open a Support Ticket or reach out to us on Discord we will get back to you ASAP.
The Tailwind templates are built with TailGrids Components that are mainly combination of HTML, Tailwind CSS and a few Vanilla JS scripts. And we used Alpine JS for interactions like slider, video, and image popup.
Downloading Templates
You can download all the available templates from the Templates Page.
Go ahead and download your preferred template to follow along.
Directory Structure
When you download a template and extract it you’ll get a folder that looks like this:
Main Folder
|-- src
| |-- assets
| |-- css
| |-- All CSS files
| |-- JS
| |-- All Javascript files
| |-- images
| |-- All Images
|
|-- All HTML Files
|
|-- All Config files
If you want to customize the template just go to the src
 folder, and you’ll find all the files you need to customize.
Installing The Template
To be able to use the Template first you’ll have to install all the dependencies included in the Template.
Note: Before we install the dependencies make sure you have Node.js installed on your machine. Otherwise, the commands won’t work.
Here are the steps you’ll have to take to install the templates:
Step#1: Download the template from TailGrids. When you download the template, you’ll get a zip file.
Step#2: Unzip/Extract the zip file. After you’ve extracted it you’ll find all the files and assets you’ll need.
Step#3: Now open up the Terminal/Command Line in the project folder. And run this command to install the plugins and the dependencies:
npm install
It’ll take a few seconds to install. After installation is done, run this command to start the project:
npm run start
When it starts it’ll automatically open up the project on [localhost:3000](http://localhost:3000)
.
Now you can change the default content and add your own content, and see the changes on the browser immediately.
Deploying to server
To deploy the Template, you’ll have to generate the build
folder. You can do that by running this command:
npm run build
It’ll give you a build
folder, now you can just upload it on your server and your website will be live.