v1.0.1
MENU ANIMATIONS
CORE BACKGROUND
UI SURECART
BUTTONS
Stardrift
Creates an animated cosmic nebula background with flowing star fields using WebGL2 and procedural noise generation. Features drifting clouds generated with fractional Brownian motion, glowing stars with dynamic brightness, and smooth parallax scrolling. Uses custom GLSL fragment shaders for real-time procedural rendering. Perfect for hero sections, cosmic themes, or creating dreamy atmospheric backgrounds.
Stardrift
Animated cosmic nebula with flowing stars.
Appearance
Color of the nebula clouds that flow across the background. Darker colors create mysterious depths, brighter colors create vibrant cosmic atmospheres.
Default: Brown (#4a3520)
Color of the glowing stars. Choose warm colors like gold or orange for a dreamy feel, or cool colors like blue or white for a sci-fi look.
Default: Orange (#ffaa33)
Overall brightness and visibility of the effect. Higher values create more prominent and vivid cosmic clouds and stars.
Default: 1.0
Stars
Number of visible star layers. More stars create a denser, busier cosmic field. Fewer stars create a cleaner, more minimal look.
Default: 12
Individual star glow intensity. Higher values make stars shine brighter and more prominently against the nebula clouds.
Default: 1.0
Motion
Animation speed for drifting clouds and stars. Lower values create slow, meditative motion. Higher values create fast, energetic movement.
Default: 1.0
Zoom level of the cosmic field. Lower values show a wider view with smaller details. Higher values zoom in for larger, more dramatic cloud formations.
Default: 1.0
Performance
This element uses WebGL2 with custom GLSL fragment shaders for procedural rendering. Implements fractional Brownian motion (FBM) noise with 5 octaves for organic cloud generation. Features continuous requestAnimationFrame loop for smooth 60fps animations. Uses minified shader code for optimal performance. Very resource intensive - limit to 1 instance per page. Not recommended for mobile devices or low-end hardware due to GPU requirements. Automatically adapts pixel ratio for performance balance.