Creates an animated 3D organic cellular background with flowing blob-like shapes using Three.js and Vanta.js. Features smooth, pulsating cell structures that morph and shift continuously. Cells respond to mouse movement with dynamic camera controls. Uses WebGL rendering with customizable colors, sizes, and animation speeds. Perfect for modern tech backgrounds, biotech websites, or adding organic motion to creative designs.

Cells

Organic 3D cellular animation with smooth morphing.

Appearance

Color 1 color picker

Primary color for the cellular structures. This color dominates the overall appearance and blends with Color 2 for depth.

Default: Gray (#0x8c8c)

Color 2 color picker

Secondary accent color for highlights and depth. Creates visual contrast and dimension in the cellular patterns.

Default: Orange (#f29f25)

Animation

Size 0.5-3.0

Scale of the cellular structures. Larger sizes create bold, dramatic cells. Smaller sizes create intricate, detailed patterns.

Default: 1.5

Speed 0.1-3.0

Animation speed for cell morphing and movement. Lower values create calm, meditative pulsing. Higher values create energetic, dynamic motion.

Default: 1.0

Performance

This element uses Three.js r134 and Vanta.js Cells for 3D WebGL rendering. Creates organic, blob-like shapes using procedural geometry with smooth morphing animations. Features dynamic camera controls with mouse and touch interaction. Uses continuous requestAnimationFrame loop for smooth 60fps animations. Automatically loads Three.js and Vanta.js from CDN if not present. Very resource intensive - limit to 1 instance per page. Not recommended for mobile devices or low-end hardware due to GPU requirements. Cells are rendered as 3D geometry with real-time lighting and material effects.