Energy Cluster

Energy Cluster

About Energy Cluster

Bring a futuristic, sci-fi aesthetic to your Framer website with the Energy Cluster component. Powered by high-performance WebGL shaders, it creates a dynamic, glowing cellular network that resembles a neural web or organic energy core.

Perfect for tech startups, AI products, Web3 landing pages, and modern portfolios, this component is highly interactive—its glow and animation speed intensify when users hover over the cluster. It also includes a smart observer to automatically pause rendering when off-screen, ensuring optimal CPU and battery performance.

Key Features & Controls:

  • 🎨 Custom Colors: Easily change the canvas background and the glowing web color. 🕸

  • Cellular Density & Warp: Adjust scale and distortion to transition from geometric cells to organic energy threads.

  • Hover Interactions: Reacts dynamically to mouse movements, increasing speed and brightness.

  • 🎛 Size & Anim: Fine-tune radius, brightness, and speed for perfect visual impact.