v1.0.1
MENU ANIMATIONS
CORE BACKGROUND
UI SURECART
BUTTONS
Birds
Creates an animated 3D flocking simulation with colorful birds flying through space using Three.js and Vanta.js. Features realistic flocking behavior based on boids algorithm with separation, alignment, and cohesion forces. Birds respond to mouse movement with dynamic camera controls. Uses WebGL rendering with customizable colors, quantities, and flight behaviors. Perfect for hero sections, creative backgrounds, or adding organic motion to any design.
Birds
3D flocking birds with realistic behavior.
Appearance
Primary color for the birds. This color blends with Color 2 based on the color mode to create beautiful gradients.
Default: Red (#ff0000)
Secondary color for the birds. Works with Color 1 to create smooth color transitions across the flock.
Default: Blue (#0000ff)
How colors blend between birds. lerpGradient creates smooth transitions, variance creates random color variations for each bird.
Default: lerpGradient
Birds
Number of birds in the flock. More birds create a busier, more dramatic effect but require more GPU power.
Default: 3
Scale of individual birds. Larger birds are more visible and dramatic, smaller birds create a subtle, delicate effect.
Default: 1.0
Width of bird wings during flight. Wider wings create more graceful, soaring birds. Narrower wings create faster, more agile movement.
Default: 20
Behavior
Maximum flight speed for the birds. Lower values create calm, floating motion. Higher values create fast, energetic flying.
Default: 5.0
How much birds avoid crowding each other. Higher values keep birds spread apart, lower values allow closer flocking.
Default: 20
How much birds match the direction of nearby birds. Higher values create synchronized, flowing movement through the flock.
Default: 20
How strongly birds stay together as a group. Higher values keep the flock tight, lower values allow birds to wander independently.
Default: 20
Performance
This element uses Three.js r134 and Vanta.js Birds for 3D WebGL rendering. Implements boids flocking algorithm with separation, alignment, and cohesion forces for realistic bird behavior. 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. Birds are rendered as 3D geometry with real-time lighting and shadows.