Introduction
Stream Dashboard UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 18 complete pages and includes tons reusable and customizable UI Blocks and Components. Stream UI Kit is maintained by Htmlstream team.
Do not miss any updates and announcements, stay tuned on our social pages:
Getting Started
After unziping the download package into your folder, please open a command line and follow below detailed step by step examples.
A brief overview of the steps to your first task:
- Install Node.js and Gulp
- Install NPM modules
package.json
. - Run Gulp
Install Node.js and Gulp
Installing Node.js
If you do not have Node installed already, you can get it by downloading the package installer from Node's website . Please download the stable version of Node.js (LTS) NOT the latest.
Installing Gulp
You need to have Node.js (Node) installed onto your computer before you can install Gulp. When you're done with installing Node, you can install Gulp by using the following command in the command line:
Please note, first Gulp should be installed globally and for that reason -g
command is used.
Important!
Note: If you are using MacOS please use sudo
keyword in the command because they need administrator rights to install Gulp globally.
Install NPM modules package.json
Installing NPM modules
First, change the command line path into your project folder. if you have not done this before, you may check the following article to quick start http://www.digitalcitizen.life/command-prompt-how-use-basic-commands
Once the path of your workflow is changed to Unify folder, you may run package.json
file by using the following command:
This time, we're installing Gulp
with its all dependency plugins like gulp-sass
and others. It might take a few minutes, depends on your internet connection.
Run Gulp
Now we have an integrated workflow, try it out run:
Now you can try making some changes to _user.scss
or _user-variables.scss
in the SASS folder and save it.
Info!
The SASS files are placed udner the following path: assets/include/scss/..
Changelog
Please do not forget to backup your files before the upgrade.
Version 1.0 – 10 December 2018
- Initial Release
If you would like to get notified about important updates, you may star and watch the repository on GitHub and follow us on our social pages:
Credits
First, let us take this opportunity to thank all the creative minds for their great products and hard work. All used third party libraries are located in assets/vendor/..
and image sources in assets/img-temp/..
Libraries
Name | License | URL |
---|---|---|
Bootstrap | MIT | https://getbootstrap.com |
Popper.js | MIT | https://popper.js.org |
jQuery | MIT | http://jquery.com |
Font Awesome | CC BY 4.0 | https://fontawesome.com |
Chart.js | MIT | https://www.chartjs.org |
Malihu Custom Scrollbar | MIT | https://github.com/malihu/malihu-custom-scrollbar-plugin |
Fonts & Images
- Google Fonts: http://www.google.com/fonts
- Unsplash Beautiful free photos: http://unsplash.com