Stair Case Transition

Watch as the page transition is in action. If you haven't seen it, reload the page.

Installation

@/components/reframe-ui/stair-case-transition.tsx

PRO COMPONENT

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

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.