Code Monkey home page Code Monkey logo

stream-ui-kit's Introduction

Stream UI Kit - A beautiful Open Source Bootstrap 4 UI Kit

Stream UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 5 beautiful complete pages and includes over 20 reusable and customizable UI Blocks. It’s lightweight and only ~17kb when minified.

What’s Included

The download package includes .zip folder, please unzip the compressed folder and you’ll find the following directories and files including all raw source files:

stream-ui-kit-v1.0/
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   β”‚   β”œβ”€β”€ styles.css
β”‚   β”‚   β”œβ”€β”€ min.styles.css
β”‚   β”œβ”€β”€ img/
β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”œβ”€β”€ img-temp/
β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”œβ”€β”€ include/
β”‚   β”‚   β”œβ”€β”€ scss/
β”‚   β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”œβ”€β”€ js/
β”‚   β”‚   β”œβ”€β”€ global.js
β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”œβ”€β”€ vendor/
β”‚   β”‚   β”œβ”€β”€ bootstrap/
β”‚   β”‚   β”œβ”€β”€ chartist-js/
β”‚   β”‚   β”œβ”€β”€ ...
β”œβ”€β”€ README.md
β”œβ”€β”€ package.json
β”œβ”€β”€ gulpfile.js
β”œβ”€β”€ index.html
β”œβ”€β”€ home-page.html
β”œβ”€β”€ services.html
β”œβ”€β”€ about-us.html
β”œβ”€β”€ about-me.html
β”œβ”€β”€ contacts.html
β”œβ”€β”€ starter-template.html

Complete with Examples

We have created 5 beautiful complete pages with over 20 reusable and customizable UI Blocks to quickly start with the Stream UI Kit.

Online Documentation

Stream UI Kit comes with detailed documentation to quick start. In addition, the documentation includes credits for images, icons and libraries. Here is a link to online documentation

Built by Htmlstream

Stream Ui Kit is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies.

Our soical network profiles:

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/..

Name URL
Bootstrap https://getbootstrap.com
jQuery http://jquery.com
Font Awesome https://fontawesome.com
Slick Carousel http://kenwheeler.github.io/slick
jQuery Parallax https://ianlunn.co.uk/plugins/jquery-parallax
Typed.js https://mattboldt.com/demos/typed-js
Counter-Up https://github.com/bfintal/Counter-Up
Magnific Popup http://dimsemenov.com/plugins/magnific-popup
Shuffle https://vestride.github.io/Shuffle

Fonts & Images

Licensed under MIT

Stream UI Kit is Open Source project and licensed under MIT for better Web.

MIT License

stream-ui-kit's People

Contributors

blessingdube avatar changjoo-park avatar jahaganiev avatar jeffreykuiken avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

stream-ui-kit's Issues

Is FF officially supported?

Amazing work guys!

I've spotted minor issue with toggles under FF 60.0.2 (64-bit):
image

So is FF officially supported or it's Chrome only? Sorry, didn't find browserlist's config in the repo.

No package.json or gulpfile.

Hello,

In the docs, it says that the project should include a package.json and a gulpfile.js

But when I extracted the downloaded zip here those files are missing I'm missing something?

screen shot 2018-06-23 at 22 24 41

Show website

215ceeba62b89b91bbde1f848aeed49

hey dude,I visit the website that you offered and i find some of the check elements are not in the right
position. The UI seems very nice,but please fix this bug.Thanks.

Change nav-item background color on hover

On the website im building, im trying to create the effect that when you hover over a nav-item, the background changes from white to green (in the attached image, i was hovered over "About" when doing the screen capture).
nav-item hover

Anyway, im trying to make this background color change the full height of the navbar, but i just can't get it to work;
I know the extra padding (top & bottom) which isn't changing color is from the navbar class;
I've been trying css like this, but its not making any difference;
Note: .navbar-custom class just changes the navbar background color to white & adds the border to the bottom.

  .navbar .navbar-custom .nav-item:hover .nav-link{
        color: #ffffff;
        background-color: green !important;
    }

Any suggestions ?

Background image not displayed correctly

Stream Bootstrap 4 UI Kit. Awesome theme. Background image doesn’t seem to be appearing or displaying correctly across all pages of the theme:

image-6
image-1
image-2
image-3
image-4
image-5

iPhone 6S Plus OS v11.4.1

Gulp Task will not complete

Ive followed the instructions in your Docs, & have Node & NPM modules installed;
But when i run Gulp, the Task never complete's & seems to hang?

this screen capture was taken about 25mins after starting the Gulp task.
gulp

Source SCSS on devtools

Is there any further documentation on how to set up the Gulp file to generate SCSS source maps? My dev tools are rendering the global and bootstrap.min CSS files only atm.

NEW LOGO

Hello htmlstreamofficial.!
You have a great app, unfortunately this app does not have a logo yet, may I donate a logo for your app?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.