This guide will help you get started with a Tailwind Template, including how to run and customize your theme.

Run Your Theme

So you’ve downloaded your theme’s .zip file, unpacked it, and you’re ready to start building! To view your theme, you’ll need to run your theme’s “build process” to compile source files and create a local server to preview pages.

NOTE: Template you are currently viewing is a Static HTML Template,
NOT a WordPress Theme!. Please DO NOT try to install files into WordPress.

Tools & Setup

Tailwind theme is built using modern tools like Node JsGulp and Tailwind css. Follow these steps and you should be ready to rock:

  • Download and install Node.js, which we use to manage our dependencies.
  • Navigate to the root Theme/ directory and run npm install“.
  • After Npm install complete, run npm run start to start development.
  • Now you can edit source files and preview changes instantly with live reload

Yup, that’s it

Gulp and Browsersync

When install processing completed, you’ll be able to run the various commands provided from the command line.

Our gulpfile.js includes the following tasks:

Core TaskDescription
npm run startStart development process with generate /src/precss/*.css to src/css/style.css and launch Browsersync in http://localhost:3100/
npm run buildGenerates a /dist/ directory with all the production files Minify css, js and other files

If you are using MacOS please use sudo keyword in the command because they need administrator rights to install Gulp globally.

Product Documentation

You can read product documentation inside every product. For example documentation “Taildash” available in “taildash/docs/” and “taildash/components/”.