Horizontal Scroll

PRONew

Preview live, install via shadcn or copy the source.

Installation

This will install the component and its dependencies automatically.

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

horizontal-scroll-usage.tsx• TSX

Name	Type	Default	Required	Description
scrub	number \| boolean	0.6	No	Scrub smoothing – number is lag seconds, true = 1s.
breakpoint	number	768	No	Px breakpoint below which pin is disabled and native snap takes over.
reveal	boolean	true	No	Animate [data-hs-reveal] chrome on enter.
pin	boolean	true	No	Pin on desktop. If false, height is not stretched.
scroller	string \| HTMLElement \| null	—	No	Custom ScrollTrigger scroller (selector or element). Needed inside fixed overflow containers like PreviewModal.
pinOffset	number	24	No	Extra px added to pinned height.
className	string	—	No	Section wrapper class.
children	React.ReactNode	—	Yes	Compose with HS* primitives: HSSticky, HSHeader, HSTitle, HSDescription, HSViewport, HSTrack/HSContent, HSItem, HSProgress, HSCounter, etc.