Clip-In Section Transition

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.

clip-in-section-transition-usage.tsx• TSX

Name	Type	Default	Required	Description
projects	ClipProject[]	—	No	Projects array {id, title, image} — uses bent marquee images by default. Each renders 150vh item with polygon clipPath.
scroller	string \| HTMLElement \| null	—	No	Custom ScrollTrigger scroller for PreviewModal (e.g. ".clip-demo").
itemHeight	string	h-[150vh]	No	Tailwind height class per project item.
className	string	—	No	Wrapper class for the section.