Interactive Web Effects

React
Bits

A collection of premium interactive components — BorderGlow, DotField, Ferrofluid, and Strands — ready to elevate your digital experience.

The Collection

Four effects.
Infinite applications.

A directional mesh-gradient border that lights up where your cursor approaches. Move your mouse near the edges.

Pointer tracking Mesh gradient Glow halo

A field of dots that bulges away from your cursor with physics-based motion. Sparkles and waves optional.

Canvas Physics Sparkle mode

A WebGL fluid surface with magnetic cursor spikes. Iridescent metallic liquid rendered at 60fps.

WebGL shader Magnetic Liquid metal

Glowing woven strands that ripple with multi-octave waves. Up to 12 strands, fully customizable palette.

Wave shader Glow bloom Palette cycle

Showcase

Each component is engineered for performance and visual delight. Drop them into any modern framework — fully customizable, fully responsive.

GPU-accelerated rendering for fluid and strands. Smooth at any resolution.

Lightweight 2D rendering for dot fields and particle systems. Zero dependencies.

Mask-based glow effects with conic gradients and blend modes. Pure CSS magic.