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

Typography

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

Headings

Heading 1

h1. Stream UI Kit heading New

Heading 2

h2. Stream UI Kit heading New

Heading 3

h3. Stream UI Kit heading New

Heading 4

h4. Stream UI Kit heading New

Heading 5
h5. Stream UI Kit heading New
Heading 6
h6. Stream UI Kit heading New

Google Fonts

Open Sans Playfair Display

Aa

Open Sans

Playfair Display

Light

AaBbCcDd


Regular

AaBbCcDd

Bold

AaBbCcDd


Numbers (Light)

0123456789

Aa

Open Sans

Playfair Display

Light

AaBbCcDd


Regular

AaBbCcDd

Bold

AaBbCcDd


Numbers (Light)

0123456789

Lead

This is Lead text and vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, simple and easy for any content and other random text content is here est non commodo luctus.

Blockquotes

"This UI Kit is damn great! It is really beautiful nice UI Kit which offers quite a large set of options and the coding is done quickly and seamlessly. Thank you!"

User feedback

"This UI Kit is damn great! It is really beautiful nice UI Kit which offers quite a large set of options and the coding is done quickly and seamlessly. Thank you!"

User feedback

"This UI Kit is damn great! It is really beautiful nice UI Kit which offers quite a large set of options and the coding is done quickly and seamlessly. Thank you!"

User feedback

Buttons

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

Border Radius

Types with Icons

Sizes

Colors

Outline Colors

Block

Forms

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

Form Controls

Text feedback.
Success feedback.
Error feedback.

Pilled Form Controls

Text feedback.
Success feedback.
Error feedback.

Checkboxes

Radios

Toggles

Toggles with Icon

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.

Tooltip

Htmlstream Tooltip on top
Htmlstream Tooltip on right
Htmlstream Tooltip on bottom
Htmlstream Tooltip on left

Popovers

Htmlstream Popover on top
Htmlstream Popover on right
Htmlstream Popover on bottom
Htmlstream Popover on left

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
Home 14 Profile New Messages Secondary text 1 Settings Pro Notifications - disabled 7

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 pacakge. In addition, all images can be easliy accessed in our unsplash collection.

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

Free Use & Download
Unsplash Stream UI Kit Collection
Font Awesome Icons

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

Buit with modern tools and approaches. We have inlcuded 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 intall and use these tools.

Read More in Docs
Unsplash Stream UI Kit Collection

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

Free Download Now