npx zenora-ui-registry@latest add swap-transition
Swap Transition
Transitions 66 views•51 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 swap-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 fluid 3D scale and slide page transition mimicking classic Barba.js interactions.
KEY FEATURES
- ·Master GSAP timeline sequentially chaining scale-out and slide-in
- ·React ref-driven DOM management for simultaneous active and incoming pages
- ·Embedded responsive styles with seamless color interpolation