Flow

Key Features

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.

⚙️ How to Use

• 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.