Coupon Ticket
Ticket-style discount coupon with a striped stub, dashed perforation with notches and a copy code button with clipboard fallback and live feedback.
E-commerce
Components for online stores.
19 component(s)
Pricing Cards with Hover
Three pure CSS pricing cards with hover lift and a featured plan that has a spinning conic-gradient border, glow and Most popular badge.
Product Card with Quick Actions
Responsive product card grid where hover or focus reveals wishlist, quick view and add-to-cart actions, with star ratings and a native quick view dialog.
Pricing Cards with Billing Toggle
Bootstrap 5 pricing cards with a Monthly / Annual segmented switch that updates prices, savings and yearly totals, plus a highlighted featured plan.
Pricing Comparison Table
Dark Bootstrap 5 plan comparison table with grouped features, highlighted popular plan, sticky feature column, tooltips and a show-only-differences switch.
Checkout Form with Order Summary
Bootstrap 5 one-page checkout with contact, shipping, delivery and payment sections, card input masks, validation, promo code and a live order summary.
Mini Cart Dropdown
Bootstrap 5 navbar mini cart dropdown with quantity steppers, remove buttons, free-shipping progress, live subtotal and checkout button.
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.
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.
Pricing Cards with Monthly/Yearly Toggle
Three-tier Tailwind CSS pricing section with an accessible billing switch and a highlighted plan.
Product Card with Rating and Quantity
Bootstrap 5 product card with sale badge, star rating, price, quantity stepper and add-to-cart feedback.