Ribbon Flow renders multiple glowing Three.js ribbon strips and continuously redraws their surface paths from audio energy. Each mode changes the path language, from open streaming ribbons to helices, curtains, orbital loops, broad wave sheets, and mirrored split motion.
Key Features
Parameters
| Parameter | Description | Range / Options |
|---|---|---|
| Ribbon Count | Number of independent ribbon strips | 1-8 |
| Ribbon Segments | Geometry resolution along each ribbon | 24-180 |
| Ribbon Width | Width of each rendered strip | 0.04-0.6 |
| Flow Speed | Base travel speed before audio modulation | 0.0-4.0 |
| Ribbon Flow Mode | Stream, helix, wave, curtain, orbit, or split | Select |
Tips & Best Practices
- 1
Use Stream or Wave for elegant background movement.
- 2
Helix and Orbit work well as the main hero visual for ambient tracks.
- 3
Lower Ribbon Segments on older devices if exports feel heavy.
Export Performance
3D WebGL engine. Ribbon Segments and Ribbon Count are the main performance levers; reduce both before lowering export quality.
All visualizers are copyright-free. Every video you export is yours to use commercially or personally, with no attribution required. You retain full ownership of your exports.