Horizontal Scroll

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

Component preview

Install using CLI

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

Install Manually

Install dependencies

npm install motion clsx tailwind-merge

Copy the source code

Copy into components/block/horizontal-scroll.tsx

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

Props

Prop	Type	Default	Description
items	`{ image: string }[]`	`Required`	Image items. Give the parent a fixed height to enable scrolling.