Gravitational Vortex

Gravitational Vortex is an interactive background in the UI HUB interactive backgrounds collection. A WebGL gravitational vortex with a logarithmic spiral accretion disc of ~20k motion-blurred streaks falling into a funnel throat. Features real velocity-based motion blur, additive blending, and interactive hover speed boost.

The component is driven by 13 documented props (background, baseColor, accentColor, accentMix, density, dotSize and 7 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: WebGL vertex/fragment shaders; Logarithmic spiral math; Additive blending with premultiplied alpha.

Preview the interactive background in the browser above, copy the source, and paste it into your project. Interactive Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.