E-commerce

Catalog item card with image, price metadata, rating, wishlist, and add-to-cart action.

• ✓Discount badge
• ✓Star rating
• ✓Wishlist toggle

Slide-out cart panel with quantity controls, item removal, and subtotal.

• ✓Slide-in overlay
• ✓Quantity controls
• ✓Remove items

Multi-step checkout progress indicator with completed, active, and pending states.

• ✓Completed/active/pending states
• ✓Connector line
• ✓Step descriptions

Review list with star ratings, rating distribution summary, and verified badges.

• ✓Rating distribution
• ✓Verified badge
• ✓Helpful votes

Image gallery with thumbnail strip and click-to-zoom for product pages.

• ✓Thumbnail strip
• ✓Click to zoom
• ✓Image counter

Collapsible filter sidebar with checkbox groups for category, size, color, and price range.

• ✓Collapsible groups
• ✓Checkbox selection
• ✓Active count badges

Saved items panel with add-to-cart, remove, and out-of-stock states.

• ✓Remove items
• ✓Add to cart
• ✓Out-of-stock badge

Cart or order summary with code entry, shipping calculation, and final action button.

• ✓Coupon code
• ✓Free shipping threshold
• ✓Discount display

Size selector buttons with unavailable state (crossed out) and size guide link.

• ✓Crossed-out unavailable
• ✓Selected state
• ✓Size guide link

+/− quantity input with min/max clamping and direct number editing.

• ✓Plus/minus buttons
• ✓Direct input
• ✓Min/max clamping

Side-by-side product/plan comparison table with highlighted column and get-started buttons.

• ✓Highlight column
• ✓Feature rows
• ✓Check/dash values

Countdown timer with HH:MM:SS display and sale badge for flash promotions.

• ✓Live countdown
• ✓HH:MM:SS digits
• ✓Ended state