npx zenora-ui-registry@latest add blob-transition
Blob Transition
Transitions 102 views•87 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 blob-transitionWrites to components/zenora-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.
Recreates Barba.js style multi-layered overlay transitions entirely in React using GSAP staggered wipes.
KEY FEATURES
- ·GSAP timeline staggered wipe transitions that cover the screen smoothly
- ·Dynamic page state switching hidden perfectly behind the transition overlay
- ·Embedded scoped styles for navigation simulating a real application