Horizontal Scroll

A smooth horizontal scrolling section that transforms vertical scroll into horizontal movement. Perfect for portfolios, galleries, and feature showcases.

Install using CLI

npx shadcn@latest add "https://obsidianui.dev/r/horizontal-scroll.json"

Install Manually

Install dependencies

npm install framer-motion clsx tailwind-merge

Copy the source code

Copy into components/ui/horizontal-scroll.tsx

Note: This component uses scroll transforms. Check the source for implementation details.

Props

Prop Name	Type	Default	Description
children	`React.ReactNode`	`-`	Content to scroll horizontally
className	`string`	`-`	Additional CSS classes

Glowing Scroll Indicator Icon Wheel