This component exposes powerful Three.js capabilities directly to the Framer UI, giving you complete visual control without needing to edit the code:Multiple Path Types: Swap between different line geometries and structures instantly. Whether you need sharp geometric circuits, organic curved pathways, or a complex orbital network, you can change the layout to perfectly fit your design's architecture.
Multiple Path Types: Swap between different line geometries and structures instantly. Whether you need sharp geometric circuits, organic curved pathways, or a complex orbital network, you can change the layout to perfectly fit your design's architecture.
Custom Signal Colors: Take total control of the neon glow. You can independently adjust the baseline wireframe color and the bright "data signal" color to match your specific brand guidelines or website theme.
Adjustable Flow Speed: Dial the animation velocity exactly to your liking. Speed it up for a high-energy, rapid-fire data stream, or slow it down to create a subtle, ambient background pulse.
Drag & Drop Installation: Drag the code component directly onto your Framer canvas.
Tweak in Real-Time: Select the component and use the right-hand properties sidebar to adjust your paths, colors, and speed. You will see the changes update live on the canvas.
High Performance: Built with optimization in mind, the Three.js rendering loop is designed to run smoothly alongside your standard Framer web elements.
Dharminder Singh
