Stair Case Transition

PRO

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.

stair-case-transition-usage.tsx• TSX

Name	Type	Default	Required	Description
children	React.ReactNode	—	Yes	The content to be transitioned.
bars	number	5	No	The number of bars to use.
durationMs	number	2000	No	The duration of the transition in milliseconds.
ease	gsap.EaseFunction \| string	power4.inOut	No	The easing function to use.
staggerEach	number	0.2	No	The stagger delay between each bar.