Team Cards with Hover Info
Bootstrap 5 team section with portrait cards that reveal a bio and social links on hover or keyboard focus. Pure CSS, no JavaScript.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
70 component(s)
Testimonial Carousel
Bootstrap 5 testimonial carousel with serif quote cards, pill indicators, arrow buttons and an accessible pause control.
Split CTA with Email Capture
Bootstrap 5 split call-to-action with newsletter pitch on the left and a validated email signup form with consent checkbox on the right.
Page Header with Breadcrumb
Dark Bootstrap 5 page header with breadcrumb, title and status badge, copy-link and dropdown actions, and section tabs.
Article Layout
Bootstrap 5 long-form article layout with drop cap, wide figure, pull quote, author box and a sticky reading progress bar.
Featured Post with Sidebar List
Bootstrap 5 blog section with a large featured article card and a tabbed sidebar of recent and popular posts.
Contact Section with Details
Bootstrap 5 contact section with address, phone and email cards, copy buttons and a CSS map placeholder with opening hours.
Alternating Feature Rows
Bootstrap 5 feature section with image and text rows that alternate sides on desktop, with icons, checklists, highlight chips and offset image shapes.
Hero with Background Overlay
Full-width Bootstrap 5 hero section with a cover background image, dark gradient overlay, fluid headline, two call-to-action buttons and a stats row.
Checkout Stepper
Bootstrap 5 four-step checkout with cart, shipping, payment and review steps, a progress bar, per-step validation, Back/Continue buttons and a live order summary.
Vertical Tabs
Bootstrap 5 vertical nav-pills tabs styled as a settings panel with a dark sidebar, icons, fading content panes and a scrollable mobile tab strip.
Pagination with Page Jump
Bootstrap 5 pagination with smart ellipses, previous and next arrows, a page counter and a validated 'go to page' input.
Breadcrumb with Icons
Bootstrap 5 breadcrumbs with a home icon, icons per level and custom chevron, slash or dot dividers that collapse middle levels on mobile.
Bootstrap Mega Menu Dropdown
Full-width Bootstrap 5 mega menu with icon feature links, link columns and a gradient promo block, keyboard friendly and stacked on mobile.
Sidebar with Nested Collapsible Menu
Dark Bootstrap 5 sidebar with three-level collapsible menu groups, accordion behavior, active link highlight and an off-canvas panel on mobile.
Horizontal Card
Three Bootstrap 5 horizontal cards with the image on the left: an article card, a listing card with rating and price, and a compact course card.
Contact Form with Validation
Bootstrap 5 contact form with floating labels, client-side validation, a character counter, a success message and a contact details panel.
Hero with Signup Form
Bootstrap 5 two-column hero with value points, social proof and a validated signup card that shows a loading state and a success message.
Transparent Navbar that Turns Solid on Scroll
Bootstrap 5 navbar that sits transparently over a gradient hero and becomes a solid, blurred bar with a shadow when the page scrolls.
Launch Countdown Card
Bootstrap 5 countdown card for product launches with a reminder button.
Product Card with Rating and Quantity
Bootstrap 5 product card with sale badge, star rating, price, quantity stepper and add-to-cart feedback.
Bootstrap Navbar with Search and Dropdown
Responsive Bootstrap 5 navbar with brand, dropdown menu, search form and user actions.