Skip to content

Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements

License

Notifications You must be signed in to change notification settings

codescandy/dashui-tailwindcss

Repository files navigation

Dash UI - TailwindCSS HTML Admin Template Free

Static Badge Static Badge Static Badge Static Badge Static Badge

Dash-UI is a TailwindCSS Admin & Dashboard Theme. Dash UI Kit a free & Pro templates kit fully coded with TailwindCSS.

Workflow

This product is built using the following widely used technologies:

  • Most popular CSS Framework TailwindCSS
  • Productive workflow tool Gulp
  • Figma File Demo

Table of Contents

Quick start

  1. Download from clone this repository
  2. Download the project's zip
  3. Make sure you have Node locally installed.
  4. Download Gulp Command Line Interface to be able to use gulp in your Terminal.
npm install gulp-cli -g
  1. After installing Gulp, run npm install in the main dash-ui/ folder to download all the project dependencies. You'll find them in the node_modules/ folder.
npm install
  1. Run gulp in the dash-ui/ folder to serve the project files using BrowserSync. Running gulp will compile the theme and open /index.html in your main browser.
gulp
  1. Generates a /dist directory with all the production files.
gulp build

Documentation

The documentation for Dash UI is provide on our website.

File Structure

Within the download you'll find the following directories and files:


Dash UI TailwindCSS Theme



├── src
│   ├── assets                       # The output css directory
│       ├── css                      # Compiled CSS
│       ├── fonts                    # All fonts are used in the theme.
│       ├── images                   # All the images are used in the theme
|       ├── js                       # All Javascript source files used in theme.
│       ├── tailwind                 # CSS files
│   ├── components                   # All Components for theme.
│   ├── partials                     # A specific loop header and footer files for the templating.
│   ├── index.html                   # Index and All HTML file is start file run when the gulp
├── .gitignore                       # Ignore file for git
├── gulpfile.js                      # Gulp setup file
├── package.json
├── package.lock.json
├── README.md
└── tailwind.config.js               # TailwindCSS configuration file


Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Technical Support or Questions

If you have questions or need help integrating the product please contact us. Support