Radial Circles Transition
A radial SDF circle pattern transition inspired by the Codrops radial circles step.
smoothui.dev/preview
Dashboard
Radial circles
Revenue is ready to review.
Concentric motion for controlled, graphic state changes.
MRR
Activation
Retention
Installation
npx smoothui-cli add radial-circles-transitionFeatures
- Persistent WebGL transition wrapper triggered by a
transitionKey - Replicates the “Radial Circles” stage from the Codrops shader progression
- Uses the shared SmoothUI SDF transition engine with reduced-motion fallback
- Accessible: semantic content stays in the DOM and
onReststill fires
Usage guidance
Use it for meaningful route/state transitions where this shader grammar fits the product moment.