Scroll inside the preview ↓

Normal scrolling resumes here.

Controls

aspectRatio

gappx

speed

scrubs

parallax

Horizontal Scroll

Pins a row of images and scrolls it sideways with the page, then releases to normal scroll.

$ pnpm dlx shadcn@latest add @tweenly/horizontal-scroll

import { HorizontalScroll } from "@/components/horizontal-scroll"

export function Demo() {
  return (
    <HorizontalScroll items={items} />
  )
}

Updates live as you change the controls. Only non-default props are included.