Product Carousels
Product carousel blocks allow horizontal browsing of items and collections. They help surface related or recommended products while keeping users engaged without leaving the current page context.
Tabbed Product Carousel Grid
Product carousel with tab-based category filters, uniform product cards, pricing, ratings, and actions. Enables segmented product discovery within a single horizontal grid across eCommerce category and collection sections.
https://www.figma.com/design/tI3Yu0XyhuUGI4seok3UHe/TailGrids-v3.0?node-id=9758-28700&t=Uv1BMaDCKRWCjaxM-4
Horizontal carousel using large, consistent product cards with media, pricing, ratings, and primary actions. Optimized for side-by-side product comparison and featured product rows in eCommerce layouts.
Minimal Product Carousel with Quick Actions
Minimal horizontal product carousel using image-first cards, inline badges, hover-revealed actions, and pricing states. Suited for lightweight merchandising, personalized rows, and compact eCommerce product sections.
Centered Product Slider Grid
Scrollable product grid with centered active cards, fixed card widths, navigation controls, and inline actions. Creates visual focus on featured items within category highlights and promotional eCommerce sections.
Product Carousel with Progress Indicator
Horizontal product carousel with fixed-width cards, arrow navigation, and numeric progress state. Supports structured browsing, controlled scrolling, and sequential product exposure in eCommerce collections and featured rows.
Product Card Carousel with Pagination
Centered product carousel using uniform cards, inline CTAs, and dot-based pagination. Enables compact navigation, visual rhythm, and controlled progression for curated and editorial-style eCommerce product sections.