npx zenora-ui-registry@latest add page-transition
Page Transition
Transitions 74 views•59 uses
Get this component
Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.
npx zenora-ui-registry@latest add page-transitionWrites to components/zenora-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.
A smooth multi-column stagger animation that perfectly orchestrates exit and entrance lifecycles between page states.
KEY FEATURES
- ·Staggered multi-column wiping overlay via synchronized GSAP timelines
- ·Dynamically styled with Syne and DM Sans Google Fonts
- ·React state and lifecycle hooks orchestrating flawless 'in-and-out' mounting
Props
4 propertiescolumnCountnumber6accentColorcolor#4f46e5bgColorcolor#faf9f7textColorcolor#1a1a1a