img

A beautiful Open Source UI Kit!

JoBase - UI Kit

Discover now

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.


Colors

We've updated Bootstrap’s default colors to brighter and trendy color variations in order to improve the contrast and design.
#59287a .bg-primary
.text-primary
#00c9a7 .bg-secondary
.text-secondary
#0dd157 .bg-success
.text-success
#fb4143 .bg-danger
.text-danger
#fab633 .bg-warning
.text-warning
#2972fa .bg-info
.text-info
#1b1e24 .bg-dark
.text-dark
#f6f9fc .bg-light
.text-light
#fff .bg-white
.text-white

Grid

Grid example
full width
span-wt
nothing
col-span-2
col-span-3
col-span-4
col-span-5
col-span-6
col-span-7
col-span-8
col-span-9
col-span-10
col-span-11
col-span-12

Typography under work

The following Typography examples are based on Bootstrap and it includes simple and easily customized typography elements.

Buttons under work

Enhanced and extended Bootstrap’s default buttons colors and options with more variations to use with any type of content.

Forms under work

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Alerts (Notifications)

Use any available utility colors for your contextual feedback messages with Font Awesome icons.


Full Width

Use .rounded-0 class to .alert in full width mode to remove border radius.


Bootstrap Modals

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for user notifications or completely custom content.

Modal Types & Positions

Htmlstream Basic modal
Htmlstream Vertically centered modal
Htmlstream Scrolling long content

Modal Sizes

Htmlstream Small size
Htmlstream Large size

Tooltips & Popovers

We have used default Bootstrap Tooltips and Popovers with minor custom styles to fit design look with other components.



Responsive Navigations

We've extended default Bootstrap’s navbars with our custom styles and components in Stream UI Kit.

Bootstrap Carousel

We have used default Bootstrap Carousel in Stream UI Kit. Find out more detailed information about it here.


Other Components

All these components are based on Bootstrap and any other Bootstrap compoentns also can be used within Stream UI Kit.

Progress Bars

20
30
40

Badges

Primary Secondary Success Danger Warning Info Light Dark

List Groups

  • Htmlstream

    Jane Moris Pro saved your pin

    5 minutes ago
  • Htmlstream

    Alberta Watson is offering free coffee

    12 minutes ago
  • Htmlstream

    Htmlstream sent you a message

    56 minutes ago
  • Htmlstream

    Edmon Low Free saved your pin

    2 hours ago

Tabs

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.

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.

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.

This is the first content! 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.

This is the second content! 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.

This is the third content! 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.


Pagination

Page 2 of 5
Page 2 of 5

Pager


Images

Htmlstream
Htmlstream
Htmlstream
Htmlstream

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.

Preview Pages
Home
Hom Page
Services
Services Page
About Us
About Us Page
Profile (About Me)
About Me Page

Contacts
Contact Us Page

Bonus Files

Stream UI Kit includes all used images with a link to collection, SASS source files, gulp sources for completely free as a bonus.

Free Images

All images are used from Unsplash and we included 100% all image sources in our download package. In addition, all images can be easily accessed in our Unsplash collection.

Access all images used in Stream - UI Kit for free.

Free Use & Download

950+ Icons

We used Font Awesome icons, the web’s most popular icon set and toolkit. It includes over 950 free icons suitable for any needs.

Access to 950+ free icons used in Stream - UI Kit.

Font Awesome Icons

Modern Toolkit

Built with modern tools and approaches. We have included all SASS source files along with Gulp files. Change the primary color within a single line and do more with the power of SASS.

Learn more how to install and use these tools.

Read More in Docs

All these completely FREE under MIT license. You can use Stream UI Kit even commercially!

Free Download Now