Cards Transition Section

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.

cards-transition-section-usage.tsx• TSX

Name	Type	Default	Required	Description
items	CardTransitionItem[]	—	No	Cards {id, title, description, image, bgColor, textColor}[] — fully customizable. Defaults to 5 3D-modeling items.
renderItem	(item: CardTransitionItem, index: number, isActive: boolean) => React.ReactNode	—	No	Custom renderer for full composability — overrides default image+card layout.
scroller	string \| HTMLElement \| null	—	No	Custom scroller for PreviewModal.
scrubDuration	number	2.6	No	Seconds per item in scrub timeline.
className	string	—	No	Wrapper class for section.
children	React.ReactNode	—	No	Alternatively, compose with CardsTransitionImage/Card primitives as children.