design-infraReport a problem or share feedback← Catalog
Shader Reveal Zoom Transition
freesmoothui/shader-reveal-zoom-transition
Demo 2 adaptation: vertical-progress zoom mix translated into a UI frame transition.
$
npx shadcn@latest add @smoothui/shader-reveal-zoom-transition- Source
- SmoothUI
- Kind
- component
- Categories
- transition, background
- Use as
- drop-in — replaces your component
- Applies to
- transitionbackground
- Motion
- on enter, state · expressive · webgl · high cost
- Tags
- spring, complexity-medium
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Shader Reveal Circle Transitionsmoothui/shader-reveal-circle-transitionDemo 3 adaptation: noisy circular reveal with radial interpolation.
- Shader Reveal Luma Transitionsmoothui/shader-reveal-luma-transitionDemo 5 adaptation: luminance-style vertical displacement translated into a shader overlay.
- Shader Reveal Planetary Transitionsmoothui/shader-reveal-planetary-transitionDemo 6 adaptation: rotated displacement vectors with a planetary swirl feel.