Explore all product carousel components showcasing different product collections and categories.
Handpicked selections just for you
import {FeaturedProductsCarousel} from '@/components/carousel'Fresh products just added
import {LatestProductsCarousel} from '@/components/carousel'All-time customer favorites
import {PopularProductsCarousel} from '@/components/carousel'Limited time offers on selected items
import {DiscountedProductsCarousel} from '@/components/carousel'What customers are loving right now
import {TrendingProductsCarousel} from '@/components/carousel'Personalized recommendations based on your interests
import {RecommendedProductsCarousel} from '@/components/carousel'Products everyone is checking out
import {MostViewedProductsCarousel} from '@/components/carousel'Top rated by our community
import {MostReviewedProductsCarousel} from '@/components/carousel'import { FeaturedProductsCarousel, TrendingProductsCarousel } from '@/components/carousel'
export default function HomePage() {
return (
<>
{/* Use with default title and subtitle */}
<FeaturedProductsCarousel />
{/* Customize title and subtitle */}
<TrendingProductsCarousel
title="This Week's Trends"
subtitle="Updated daily"
/>
{/* Add custom className for styling */}
<PopularProductsCarousel className="bg-blue-50" />
</>
)
}Each carousel component is fully responsive, includes error handling, loading states, and uses your ProductCard component.
Location: src/components/carousel/