SDF Blob Transition
Frame-level WebGL transition that swaps content under soft-merged SDF circles with organic noise.
smoothui.dev/preview
Dashboard
SDF blob
Revenue is ready to review.
A soft blob reveal that feels organic without adding extra chrome.
MRR
Activation
Retention
Installation
npx smoothui-cli add sdf-blob-transitionFeatures
- Persistent WebGL transition wrapper triggered by a
transitionKey - Soft-merged SDF circles inspired by shader image reveal techniques
- Organic noise on the perimeter so the reveal feels alive without leaving residue
- Accessible: honors
prefers-reduced-motionand keeps semantic content in the DOM
Usage guidance
Use it for launch moments, onboarding steps, checkout completion, or presentation state changes where an organic reveal fits the product language.
Accessibility
When reduced motion is preferred, content swaps immediately and onRest still fires.