Featured Post with Sidebar List
Bootstrap 5 blog section with a large featured article card and a tabbed sidebar of recent and popular posts.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
200 component(s)
Contact Section with Details
Bootstrap 5 contact section with address, phone and email cards, copy buttons and a CSS map placeholder with opening hours.
Chat Widget
Tailwind CSS support chat widget with floating launcher, unread badge, message bubbles, suggested replies, typing indicator and Enter-to-send input.
Light/Dark Theme Toggle
Tailwind CSS dark mode toggle with an animated sun/moon switch that follows the system preference, remembers the choice and can reset to system.
Flip Countdown
Tailwind CSS flip-clock countdown timer with 3D split-flap cards for days, hours, minutes and seconds, reduced-motion support and a completion event.
Developer Portfolio Page
One-page Tailwind CSS developer portfolio with sticky mobile menu, hero stats, filterable project grid, experience timeline and a validated contact form.
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.
Shopping Cart Page
Tailwind CSS shopping cart with quantity steppers, remove buttons, free shipping progress bar, promo code field and a live-updating order summary.
Product Detail with Gallery
Dark Tailwind CSS product page section with a thumbnail image gallery, finish options, quantity stepper and add to cart button with loading state.
Product Grid with Filters
Tailwind CSS category page with a collapsible filter sidebar, live result count, empty state and a product grid sortable by price, rating or date.
Product Card with Color Options
Tailwind CSS product card with live-recoloring color swatches, a size selector with sold-out state, wishlist toggle and add to bag button.
Promo Banner with Countdown
Dark Tailwind CSS sale banner with a live countdown timer, discount code, call-to-action button and a dismiss control.
Product Reviews
Tailwind CSS product reviews section with a clickable rating breakdown filter, sorting and helpful vote buttons.
Order History
Tailwind CSS order history list with status filter chips, colored status badges and expandable order details.
Order Summary with Coupon
Tailwind CSS checkout order summary card with a discount code field, live totals, tax and a free shipping progress bar.
Admin Dashboard Layout
Dark Tailwind CSS admin dashboard with off-canvas sidebar, topbar search, KPI cards, SVG revenue chart with date ranges and an orders table.
Split Login Page
Split-screen Tailwind CSS login page with a violet brand panel, inline validation, show/hide password toggle and a loading state.