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