A GPU-accelerated shader background simulating AI networks with floating, glowing nodes and a structured grid overlay. Mouse-reactive for interactive engagement.
Interactive Nodes Nodes gently float and pulse, reacting to your mouse cursor's position to create a sense of responsiveness and intelligence.
Tech Aesthetic The combination of a structured grid and organic node movement strikes the perfect balance for modern tech branding.
Shader Performance Running entirely on the GPU via WebGL, this effect is buttery smooth even on large screens. Includes canvas mode optimization for the Framer editor.
Full Customization Control node colors, grid opacity, animation speed, and spread distance to match your brand.
AI & Machine Learning — Perfect background for AI startups, data science platforms, and ML documentation.
Tech Dashboards — Add depth to analytics dashboards and data visualization interfaces.
Cybersecurity — Create a sense of digital networks and connected systems.
SaaS Landing Pages — Modern tech aesthetic for software product pages.
Animation: Toggle animation (Yes/No)
Speed: Animation speed (0-3)
Time ×: Time multiplier (0-5)
Nodes: Number of nodes (1-64)
Size: Node size (0.01-1)
Spread: Spread factor (0.1-4)
Mouse: Mouse influence (0-2)
Grid Opacity: Grid visibility (0-1)
Grid Scale: Grid scale (0.5-20)
Background: Background color
Node Color: Node color
Grid Color: Grid color
Blend: Blend mode (Normal/Additive)
Pixel Ratio: Resolution multiplier (1-3)
Animation Toggle the animation on or off (default: Yes).
Speed Control animation speed of the floating nodes (0-3, default: 0.5).
Time Multiplier Adjust the time scale for the simulation (0-5, default: 2.02).
Nodes Number of nodes in the simulation (1-64, default: 18).
Size Size of the nodes (0.01-1, default: 0.03).
Spread How far nodes drift from their center position (0.1-4, default: 1.75).
Mouse Influence Strength of the mouse attraction effect (0-2, default: 0.73).
Grid Opacity Visibility of the background grid lines (0-1, default: 0.5).
Grid Scale Scale of the background grid (0.5-20, default: 5).
Colors Customize the Background, Node Color, and Grid Color.
Blend Mode Choose between Normal and Additive blending.
Pixel Ratio Adjust rendering resolution (1-3, default: 2).
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
1.0.0
FramerHub.io 
