Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codescandy/dash-ui
Bootstrap 5 Admin & Dashboard Template - Dash-UI. Dash UI Kit is a free and open-source components and templates kit fully coded with Bootstrap 5.
https://github.com/codescandy/dash-ui
admin-dashboard bootstrap bootstrap-5 bootstrap-5-dashboard bootstrap-snippets bootstrap-starter-theme css gulp html html5 javascript
Last synced: about 3 hours ago
JSON representation
Bootstrap 5 Admin & Dashboard Template - Dash-UI. Dash UI Kit is a free and open-source components and templates kit fully coded with Bootstrap 5.
- Host: GitHub
- URL: https://github.com/codescandy/dash-ui
- Owner: codescandy
- License: mit
- Created: 2020-08-01T04:38:06.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-14T06:19:41.000Z (7 months ago)
- Last Synced: 2024-09-27T16:04:13.136Z (about 3 hours ago)
- Topics: admin-dashboard, bootstrap, bootstrap-5, bootstrap-5-dashboard, bootstrap-snippets, bootstrap-starter-theme, css, gulp, html, html5, javascript
- Language: HTML
- Homepage: https://dashui.codescandy.com
- Size: 4.04 MB
- Stars: 386
- Watchers: 11
- Forks: 89
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Dash UI - Bootstrap 5 Theme](https://codescandy.com/dashui/index.html) [](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 Bootstrap 5 Admin & Dashboard Theme. Dash UI Kit a free and open source components and templates kit fully coded with Bootstrap 5.
[Dash UI pro](https://dashui.codescandy.com/)
## Workflow
This product is built using the following widely used technologies:
- Most popular CSS Framework Bootstrap 5
- Productive workflow tool Gulp
- Awesome CSS preprocessor Sass
## 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)
- [Figma design file](#figma-design-file)
## 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://codescandy.com/dashui/docs/gulp.html).
## File Structure
Within the download you'll find the following directories and files:
```
Dash UI Bootstrap 5 Theme
.
├── src
├── assets
| ├── css
│ ├── fonts
│ ├── images
| ├── js
│ ├── scss
| ├── theme
| ├── theme.scss
├── pages
│ ├── 404-error.html
│ ├── billing.html
│ ├── forget-password.html
│ ├── layout.html
│ ├── pricing.html
│ ├── profile.html
│ ├── settings.html
│ ├── sign-in.html
│ ├── sign-up.html
│ └── tables.html
├── partials
│ ├── doc-navbar.html
│ ├── docs-sidenav.html
│ ├── head.html
│ ├── header.html
│ ├── navbar-vertical.html
│ └── scripts.html
├── index.html
├── gulpfile.js
├── package-lock.json
├── package.json
├── README.md
```
## 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)
## Figma Design File
Ready to use [Figma File](https://www.figma.com/community/file/1259105309122518026/dash-ui-admin-dashboard-template).
## Upgrade to PRO
Get more power with [Dash UI pro](https://dashui.codescandy.com/) featuring bunch of UI components, forms, tables, charts, pages, and icons.
| Free Version | [DashUI PRO] |
| ------------------- | ----------------- |
| 11 Demo Pages | 100+ pages |
| Includine Docs | App pages |
| Libraries & Plugins | Dark / Light Mode |