Analytics
Signal Pipeline
Track every handoff with a clear visual timeline.
Back to Components
Components
Drag to Scroll Gallery
A horizontal gallery with drag to scroll momentum and springy cards.
Drag to explore5 items
Reports
Rapid Insights
Pull key metrics into a single scrollable story.
Workflow
Team Sync
Drag through updates without losing your place.
Review
Review Mode
Momentum scrolling keeps long galleries smooth.
Launch
Launch Deck
Highlight the big moments with premium cards.
Dependencies
- clsx
- tailwind-merge
- framer-motion
Files
- components/ui/drag-scroll-gallery.tsx
Installation
Using shadcn CLI
npx shadcn add drag-scroll-gallery --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge framer-motion