Product By
Htmlstream
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license.
The UI Kit comes with 10 beautiful complete and functional pages including lots of reusable and customizable UI Blocks. Every component crafted with love to speed up your workflow.
Main Colors
We've updated Bootstrap’s default colors to brighter and trendy color variations in order to improve the contrast and design.
-
#107ef4 .bg-primary.text-primary
-
#6e1ac9 .bg-secondary.text-secondary
-
#00c9a7 .bg-success.text-success
-
#de4437 .bg-danger.text-danger
-
#ffc107 .bg-warning.text-warning
-
#00dffc .bg-info.text-info
-
#1e2022 .bg-dark.text-dark
-
#000000 .bg-black.text-black
-
#f8fafd .bg-light.text-light
-
#ffffff .bg-white.text-white
Typography
The following Typography examples are based on Bootstrap and it includes simple and easily customized typography elements.
Headings
h1. Docs UI Kit heading New
h2. Docs UI Kit heading New
h3. Docs UI Kit heading New
h4. Docs UI Kit heading New
h5. Docs UI Kit heading New
h6. Docs UI Kit heading New
Google Fonts
Aa
Poppins
Light
AaBbCcDd
Regular
AaBbCcDd
Bold
AaBbCcDd
Numbers (Light)
0123456789
Aa
Poppins
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!"
"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!"
"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!"
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
Spinners
Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.
Border spinner
Colored Border spinners
Size
Buttons
Growing spinner
Colored Growing spinner
Size
Buttons
Forms
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.
Callout (Notifications)
Use any available utility colors for your contextual feedback messages.
Primary
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 10 beautiful complete pages and includes a lot of reusable and customizable UI Blocks.
Info
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 7 beautiful complete pages and includes a lot of reusable and customizable UI Blocks.
Danger
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 7 beautiful complete pages and includes a lot of reusable and customizable UI Blocks.
Warning
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 7 beautiful complete pages and includes a lot of reusable and customizable UI Blocks.
Bootstrap Modals
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for user notifications or completely custom content.
Modal Types Positions
Basic modal
Vertically centered modal
Scrolling long content
Modal Sizes
Small size
Large size
Tooltips Popovers
We have used default Bootstrap Tooltips and Popovers with minor custom styles to fit design look with other components.
Tooltip on top
Tooltip on right
Tooltip on bottom
Tooltip on left
Popover on top
Popover on right
Popover on bottom
Popover on left
Responsive Navigations
We've extended default Bootstrap’s navbars with our custom styles and components in Docs UI Kit.
Other Components
All these components are based on Bootstrap and any other Bootstrap compoentns also can be used within Docs UI Kit.
Progress Bars
Badges
List Groups
-
Jane Moris Pro saved your pin
5 minutes ago -
Alberta Watson is offering free coffee
12 minutes ago -
Htmlstream sent you a message
56 minutes ago -
Edmon Low Free saved your pin
2 hours ago
Tabs
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 10 beautiful complete and functional pages including lots of reusable and customizable UI Blocks. Every component crafted with love to speed up your workflow.
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 10 beautiful complete and functional pages including lots of reusable and customizable UI Blocks. Every component crafted with love to speed up your workflow.
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 10 beautiful complete and functional pages including lots of reusable and customizable UI Blocks. Every component crafted with love to speed up your workflow.
Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 10 beautiful complete and functional pages including lots of reusable and customizable UI Blocks. Every component crafted with love to speed up your workflow.
Pagination
Pager
Images
Complete with Examples
Docs UI Kit comes with 6 beautiful complete pages with over 20 reusable and customizable UI Blocks to quickly start.
Preview PagesHome
Contacts
Home Option
FAQ
Home Dark
Article
Documentation Layouts
We have made 4 beautiful and functional complete documentation layouts - including functional search, copy to clipboard and more.
Docs Layout 1
Docs Layout 2
Docs Layout 3
Docs Layout 4
Bonus Files
Docs 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 Docs UI Kit for free.
Free Use Download
1800+ Icons
We used Font Awesome icons Feather icons, popular icon sets and toolkit.
Access to 1800+ free icons used in Docs UI Kit.
Free Use IconsModern 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
Free MIT License
You are allowed to use these pages and blocks anywhere you want.
Free Fonts
We use Google Fonts which means you can choose over 800+ free fonts to use.
20+ Reusable Blocks
Easily customozie any block as you want with ready to use example pages.