design-infraReport a problem or share feedback← Catalog
Shader Reveal Wipe Transition
freesmoothui/shader-reveal-wipe-transition
Demo 4 adaptation: displacement-noise horizontal wipe with a sharp eased edge.
$
npx shadcn@latest add @smoothui/shader-reveal-wipe-transition- Source
- SmoothUI
- Kind
- component
- Categories
- transition, background
- Use as
- drop-in — replaces your component
- Applies to
- transitionbackground
- Motion
- on enter, loop · 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 Push Transitionsmoothui/shader-reveal-push-transitionDemo 8 adaptation: procedural noise push/pull displacement.
- 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.