Multi-Step Registration Form
Bootstrap 5 three-step registration form with a progress bar, step indicators, per-step validation, password matching, plan cards and a success screen.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
200 component(s)
Search with Autocomplete
Bootstrap 5 help center search bar with an accessible autocomplete list built from local data, highlighted matches, keyboard navigation and popular search chips.
Image Upload with Preview
Bootstrap 5 drag-and-drop image uploader with thumbnail previews, remove buttons, type and size validation and simulated upload progress.
Custom Checkboxes and Switches
Restyled Bootstrap 5 checkboxes, large switches, select-all with indeterminate state, radio cards and colored checkbox chips.
User Account Dropdown
Bootstrap 5 avatar dropdown with profile header, plan badge, online/away/busy status picker and account menu links for app headers.
Password Strength Meter
Bootstrap 5 password input with show/hide toggle, four-step strength meter, live requirements checklist and confirmation match check.
Dismissible Filter Chips
Bootstrap 5 active filter bar with removable chips, Clear all button, undo for recently removed filters and live result count.
Avatars with Status Indicator
Bootstrap 5 avatars in five sizes with online, away, busy and offline status dots, initials fallback for missing photos and a status picker.
Profile Card with Stats
Bootstrap 5 user profile card with gradient cover, initials avatar, animated stat counters, follow toggle, message and copy-link buttons.
Filterable Portfolio Gallery
Dark Bootstrap 5 portfolio gallery with pill filter buttons, automatic category counts, fade-in tiles and a screen reader status message.
Carousel with Captions
Bootstrap 5 hero carousel with glass captions, pill indicators, previous and next buttons, a pause control and gradient SVG slides.
Accordion with Icons
Bootstrap 5 FAQ accordion with leading icon tiles, subtitles, rounded cards, a rotating plus icon and a warm accent color.
Activity Feed Timeline
Dark Bootstrap 5 activity feed timeline with colored event icons, timestamps, quoted comments and filter chips for code, comments and deploys.
Table with Search Filter
Bootstrap 5 team directory table with live search, status filter, highlighted matches, result counter and empty state.
Responsive Table with Actions
Responsive Bootstrap 5 invoice table with status badges, a status filter and row action dropdowns to mark as paid, remind or delete.
Actionable List Group
Bootstrap 5 list group panel with unread badges, notification toggle switches and invite rows with accept and decline buttons.
Card with Image Overlay
Bootstrap 5 image cards with text overlaid on photos, a readability gradient, category badges, save buttons and a featured layout.
Footer with Newsletter
Dark Bootstrap 5 footer with a newsletter signup panel, email validation, social icons, three link columns and a legal bar.
Two-Column FAQ
Bootstrap 5 FAQ section with questions split into two accordion columns, plus/minus icons and a dark contact support prompt.
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.
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.