spot
new(50)
SPOTWEAR
$16.00
Designed with Justin Bieber
May 27, 2026IntermediateCommerce
Collection Slider
Draggable horizontal product card slider inspired by Shopify collection sections. Features product cards with display headings, badges, star ratings, pricing, and a custom cursor on desktop. Built with GSAP Draggable and InertiaPlugin with snap-to-card behavior.
Preview
Source
import CollectionSlider from "./index.jsx";
import { collectionSlider } from "../demo-data.js";
import styles from "./demo.module.css";
export default function CollectionSliderDemo() {
return (
<div className={styles.page}>
<CollectionSlider {...collectionSlider} />
</div>
);
}
Dependencies
gsap
Related Components
3MO AGO
Product Feature Gridcommerce
3MO AGO
Product Cardcommerce
3MO AGO
Product Card Gridcommerce