Account Settings Page with Tabs
Bootstrap 5 account settings page with profile, security and notification tabs, password strength meter, session list and simulated save.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
200 component(s)
Bootstrap Admin Dashboard Layout
Bootstrap 5 admin dashboard with a responsive offcanvas sidebar, KPI cards, an SVG revenue chart, category meters and a filterable recent orders table.
Bootstrap Product Page
Bootstrap 5 product details page with image gallery, color and size pickers, quantity stepper, and tabs for description, specifications and customer reviews.
Product Listing Grid
Responsive Bootstrap 5 product grid with sale, new, bestseller and sold-out badges, color swatches, wishlist buttons, sorting and client-side pagination.
Cookie Preferences Modal
Bootstrap 5 cookie consent banner with a preferences modal: category switches, collapsible cookie tables, accept, reject and save actions, stored safely in localStorage.
No Search Results
Bootstrap 5 empty search state with a spelling-aware "Did you mean" suggestion, removable filter chips, search tips, popular searches and a support link.
Centered Login Page
Full-page Bootstrap 5 sign-in with a centered card, Google and GitHub buttons, validated email and password fields, a show password toggle and a Caps Lock warning.
Bootstrap Coming Soon Page
Bootstrap 5 coming soon page with a live countdown from a data attribute, an email notify form with validation and social links in a centered card.
500 Server Error Page
Dark Bootstrap 5 500 error page with a server rack illustration, retry button, status page link, copyable reference ID and service status list.
Mobile App Landing Page
Bootstrap 5 mobile app landing page with a CSS phone mockup, floating notification cards, store buttons, feature grid, steps and a gradient call to action.
Animated Progress Bars
Bootstrap 5 dark dashboard with labelled bars that fill on scroll, a striped animated build progress bar and a stacked storage bar.
Offcanvas Shopping Cart
Bootstrap 5 offcanvas cart drawer with quantity steppers, remove buttons, free-shipping progress, live totals and an empty state.
Popover with Rich Content
Bootstrap 5 popovers with HTML content: profile card with buttons, inline help with links and a delete confirmation, with focus handling.
Dismissible Alerts with Icons
Bootstrap 5 dismissible alerts with icons, headings, per-alert close buttons, dismiss all, restore and screen reader announcements.
Bootstrap Toast Stack
Bootstrap 5 toast notifications in a corner stack: success, info, warning and error buttons, selectable corner, auto-hide with a progress bar and a stack limit.
Login Modal
Bootstrap 5 login modal with social sign-in buttons, floating labels, a show/hide password toggle, client-side validation and a signed-in success view.
Delete Confirmation Modal
Dark Bootstrap 5 modal that confirms deleting an item by typing its exact name, with per-row triggers, a loading state and removal of the deleted row.
Floating Chat Button
Bootstrap 5 floating chat button fixed to the bottom-right corner that opens a support chat panel with quick replies, typing indicator and unread badge.
Floating Label Inputs
Bootstrap 5 floating label inputs for text, email, select and textarea, styled as filled fields with validation, read-only and disabled states.
Signup Form with Validation
Bootstrap 5 signup form with live password rules, a strength meter, show/hide toggle, password confirmation and a required terms checkbox.
Comment Section with Reply Form
Bootstrap 5 comment section with threaded replies, collapsible reply forms, like buttons, a new comment form and live comment count.
KPI Cards with Progress
Dark Bootstrap 5 KPI cards with trend badges, goal progress bars and a Month, Quarter and Year switch for admin and sales dashboards.
Editor Button Toolbar
Dark Bootstrap 5 text editor toolbar with grouped icon buttons, toggle states, a block style dropdown, arrow key navigation and a working editable area.
Buttons with Loading State
Bootstrap 5 buttons that show a spinner, block repeat clicks while working and then display a success or error state, in solid, outline, pill and icon styles.