Boost your idea with native components.

Components are the reusable building blocks of our design system to create patterns and intuitive user experiences.

45

Components

20

Plugins

500+

Combinations
Image Description
Design & Graphics
Image Description

Bootstrap Icons

Free, high quality, open source icon library with over 1,300 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts.
Components
Image Description

Accordion

Vertically collapsing accordions.
Image Description

Alerts

An alert lets users know when important information is available or when an action is required.
Image Description

Avatars

An avatar is a visual representation of a user or entity.
Image Description

Badge

A badge is a visual indicator for numeric values such as tallies and scores.
Image Description

Breadcrumb

Breadcrumbs are a navigation system used to show a user's location in a site or app.
Image Description

Buttons

A button triggers an event or action. They let users know what will happen next.
Image Description

Cards

A flexible and extensible content container with multiple variants and options.
Image Description

Collapse

Toggle the visibility of content across your project.
Image Description

Column Divider

Separate groups of related menu items with a vertical divider.
Image Description

Devices

Beautifully demonstrate your contents in phone, laptop or tablet device mockups.
Image Description

Divider

Separate groups of related menu items with a vertical divider.
Image Description

Dropdowns

A dropdown menu displays a list of actions or options to a user.
Image Description

List Group

List groups are a flexible and powerful component for displaying a series of content.
Image Description

Lists

Lists are a flexible and powerful component for displaying a series of content.
Image Description

Modal

A modal dialog displays content that requires user interaction, in a layer above the page.
Image Description

Offcanvas

Build hidden sidebars into your project for navigation, shopping carts, and more.
Image Description

Pagination

Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.
Image Description

Popovers

Add Bootstrap popovers, like those found in iOS, to any element on your site.
Image Description

Progress

Documentation and examples for using custom progress bars.
Image Description

Shapes

Shapes to use as background cover elements.
Image Description

Sliding Image

Sliding background effect.
Image Description

Spinners

A spinner is an animated spinning icon that lets users know content is being loaded.
Image Description

Steps

A component that displays content as a process with defined by user milestones.
Image Description

Tab

Tabbable panes.
Image Description

Tables

Documentation and examples for opt-in styling of tables with Bootstrap.
Image Description

Toasts

Push notifications to your visitors with a toast.
Image Description

Tooltips

A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
Image Description

Typography

Documentation and examples for Unify typography, including global settings, headings, body text, lists, and more.
Navbars
Image Description

Header (navbar)

Powerful and responsive navigation header, the navbar.
Image Description

Navs

Documentation and examples for how to use navigation components.
Image Description

Mega Menu

A powerful, and responsive navigation mega menu.
Image Description

Scrollspy

Automatically update Unify navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Basic forms
Image Description

Basic Forms

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

Checks & Switches

A checkbox is an input control that allows a user to select one or more options from a number of choices.
Image Description

Input Group

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
Media
Image Description

Fullscreen Lightbox

Simple and powerful lightbox for displaying photos, HTML5 or YouTube videos in clean overlaying box.
Image Description

Swiper

Most modern mobile touch slider.
Others
Image Description

Sticky Block

This is for making any block floating on your page.
Image Description

Countdown

A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.
Image Description

Go To

Smooth scroll back to the top of the page.