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.
Tag: responsive
Components tagged with "responsive".
121 component(s)
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.
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.
Split Login Page
Split-screen Tailwind CSS login page with a violet brand panel, inline validation, show/hide password toggle and a loading state.
Simple 404 Page
Clean Tailwind CSS 404 error page with an animated unplugged-cable illustration, site search, helpful link cards and a go-back button.
SaaS Landing Page
Complete Tailwind CSS SaaS landing page with dark hero, feature grid, monthly/yearly pricing switch, FAQ accordion and footer.
Alerts Collection
Tailwind CSS alerts collection with success, warning, error and info variants, icons, action links and accessible dismiss buttons.
Toast Notifications
Stacking Tailwind CSS toast notifications for success, error and info with auto-dismiss countdown, pause on hover and accessible live region.
Empty State with Illustration
Tailwind CSS empty state with an animated inline SVG illustration, clear headline, primary and secondary call-to-action buttons and template shortcuts.
Onboarding Wizard
Tailwind CSS onboarding wizard with step indicator, progress bar, radio cards, topic chips, validation and an editable summary before finishing.
Month Calendar with Events
Tailwind CSS month calendar with colored event pills, today highlight, prev/next navigation, keyboard support and a day agenda.
Stat Cards with Trend
Tailwind CSS KPI stat cards with change percentage pills and animated SVG sparklines generated from a data attribute.
Avatar Group
Overlapping Tailwind CSS avatar stack in three sizes with initials, status dots, name tooltips and a +N counter that reveals hidden people.
Dual Range Price Slider
Tailwind CSS min/max price slider with two handles, synced number inputs and a live histogram that counts products in the selected range.
Radio Card Selector
Tailwind CSS plan picker that turns native radio inputs into selectable pricing cards with a check indicator, focus ring and live summary.
Inputs with Icons and Add-ons
Tailwind CSS input group examples with leading icons, text prefixes and suffixes, a currency select, password toggle, clear button and helper text.
Contact Form Card
Tailwind CSS contact form card with a topic select, live character counter and meter, inline validation and a simulated sending state.
Comment Thread
Nested Tailwind CSS comment thread with threaded replies, like toggles, inline reply forms and a new comment form, built with accessible vanilla JavaScript.
Kanban Board with Drag and Drop
Dark Tailwind CSS kanban board with three task columns, native drag and drop, keyboard move buttons, live counters and screen reader announcements.
Gallery with Lightbox
Tailwind CSS mosaic image gallery that opens an accessible lightbox with captions, arrow-key and swipe navigation, focus trap and preloading.
Image Carousel with Thumbnails
Tailwind CSS image carousel with a clickable thumbnail strip, captions, swipe support, arrow-key navigation and optional looping.