Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codescandy/dashui-tailwindcss
Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements
https://github.com/codescandy/dashui-tailwindcss
admin admin-dashboard charts dashboard dashboards free github html5 javascript starter-kit starter-template tailadmin tailwind-admin tailwind-components tailwind-css-template tailwind-templates tailwindcss-starter-kit tailwindui webapp webapplication
Last synced: 3 months ago
JSON representation
Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements
- Host: GitHub
- URL: https://github.com/codescandy/dashui-tailwindcss
- Owner: codescandy
- License: mit
- Created: 2023-10-16T10:50:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-21T05:09:52.000Z (10 months ago)
- Last Synced: 2024-10-12T06:53:14.045Z (3 months ago)
- Topics: admin, admin-dashboard, charts, dashboard, dashboards, free, github, html5, javascript, starter-kit, starter-template, tailadmin, tailwind-admin, tailwind-components, tailwind-css-template, tailwind-templates, tailwindcss-starter-kit, tailwindui, webapp, webapplication
- Language: HTML
- Homepage: https://dashui.codescandy.com/tailwindcss/
- Size: 2.71 MB
- Stars: 37
- Watchers: 3
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Dash UI - TailwindCSS HTML Admin Template Free](https://dashui.codescandy.com/) [](https://twitter.com/intent/tweet?text=Dash%20-%20UI%20Bootstrap%205%20Theme&url=https%3A%2F%2Fgithub.com%2Fcodescandy%2FDash-UI&via=getcodescandy)
    
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](https://tailwindcss.com/)
- Productive workflow tool Gulp
- Figma File [Demo](https://www.figma.com/community/file/1259105309122518026/dash-ui-admin-dashboard-template)
## Table of Contents
- [Quick Start](#quick-start)
- [Documentation](#documentation)
- [File Structure](#file-structure)
- [Browser Support](#browser-support)
- [Technical Support or Questions](#technical-support-or-questions)
## 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
```
5. 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
```
6. 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
```
7. Generates a /dist directory with all the production files.
```
gulp build
```
## Documentation
The documentation for Dash UI is provide on our [website](https://dashui.codescandy.com/tailwindcss/docs.html).
## 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](https://codescandy.com/contact-us/). [Support](https://github.com/codescandy/Dash-UI/discussions)