Bootstrap 5 Components

A hero section is the large, prominent area at the top of a web page — the first thing vis…

A website footer is the section at the bottom of every page containing navigation links, l…

The Bootstrap 5 navbar is a responsive navigation header component that automatically coll…

Bootstrap 5 tabs provide a way to present related content in separate panels that users sw…

Bootstrap 5 offcanvas is a sidebar/drawer component that slides in from the left, right, t…

A breadcrumb is a secondary navigation aid that shows the user's current page location wit…

The Bootstrap 5 Dropdown is a toggleable context menu component built on the Popper.js pos…

Bootstrap 5 Nav Pills are a navigation component that styles links as pill-shaped tab butt…

A pricing table displays product or service tiers side-by-side, allowing visitors to compa…

The Bootstrap 5 card is a flexible content container with optional header, footer, body, a…

The Bootstrap 5 accordion is a collapsible content panel component that shows one (or mult…

The Bootstrap 5 carousel is a slideshow component for cycling through images, slides, or o…

Bootstrap 5 provides extensive table styling via opt-in classes applied to standard HTML t…

A feature section showcases the key benefits or capabilities of a product or service. In B…

A testimonial section displays customer quotes, reviews, or case study highlights to build…

A CTA (call-to-action) section is a dedicated page section focused on driving a single con…

The Bootstrap 5 List Group is a flexible component for displaying a series of related cont…

An Icon Box is a content component that pairs an icon with a heading and short description…

A Team Member Card is a Bootstrap 5 UI component that displays a person's photo, name, job…

A Timeline component in Bootstrap 5 is a vertically or horizontally arranged sequence of e…

Bootstrap 5 provides a comprehensive form styling system including inputs, selects, checkb…

Bootstrap 5 floating labels are animated form labels that start inside the input field as …

The Bootstrap 5 Form Select component is a styled dropdown input element that lets users c…

Bootstrap 5 Input Groups extend standard form controls by allowing you to prepend or appen…

A Bootstrap 5 modal is a dialog box that appears on top of the current page, requiring use…

Bootstrap 5 alerts provide contextual feedback messages for user actions. Eight colour var…

Bootstrap 5 toasts are lightweight, non-disruptive notification messages that appear tempo…

Bootstrap 5 progress bars display the progress of a task or metric as a filled horizontal …

Bootstrap 5 spinners are CSS-only loading indicators that communicate to users that an ope…

The Bootstrap 5 progress bar displays task completion or metric levels as a filled horizon…

A Cookie Banner is a fixed notification UI component that informs visitors about cookie us…

Bootstrap 5 badges are small labelling components used to add counts, status labels, tags,…

The Bootstrap 5 ratio helper creates responsive elements that maintain a specific aspect r…

A Back to Top button is a fixed-position UI element that appears after the user scrolls pa…