Styling and Configuration

We strictly and simply followed/used internal Tailwind CSS classes, no additional modifications or extra classes or modifiers added. You will get separate code blocks for individual components, you can change colors and style parameters after copying the codebase by simply using the internal Tailwind CSS classes. You you can find all available class of Tailwind CSS theming from Tailwind CSS Theming.

Also you can change our core modifications by updating tailwind.config.js file. For more details please check out the Tailwind CSS Documentation


From 1.2 we have updated configuration file and parameters to fit our design needs and simply the whole process.

To make the process simple, We created Tailwind CSS plugin that resolves everything automatically for you. All you need to install the TailGrids NPM plugin, This plugin is must install to make everything work perfectly and achieve the styles as shown in demos.

You can simply install running the command below

npm i tailgrids

This will install all the dependencies you need, and the configuration file will look like this:

module.exports = {
  content: ["./*.html", "./ecommerce/*.html", "./assets/**/*.js"],
  theme: {},
  variants: {
    extend: {},
  plugins: [require("tailgrids/plugin")],

For more information about customizing tailwindcss configuration you can learn more from Tailwind CSS Configuration Docs