Particle Ribbon Flow

Particle Ribbon Flow is a high-performance animated background component for Framer, built with Canvas for smooth rendering and maximum flexibility.

It features multiple unique particle ribbon shapes, advanced hover interactions, and full designer-friendly controls directly inside the Framer panel. The animation feels fluid, lightweight, and premium — ideal for SaaS, AI, tech, and modern product websites.

Every parameter can be customized without touching code, making it easy to adapt the look and feel to any brand or layout.🧠 Available Shapes

• Wave

• Horizontal Wave

• Diagonal Wave

• Double Helix

• Infinity Flow

• Column Stream

• Orbit

• Sine Field

• ZigZag Ribbon

• Pulse Lines

• Diamond Flow

• Breathing Circle

• Tilted Orbit

• Noise Drift

(All shapes are visually distinct and optimized for smooth motion.)

🖱 Hover Interaction Modes

• Attract

• Repel

• Swirl

• Magnet

• Scatter

Each mode creates a different interactive feel when the cursor moves across the canvas.

🧩 Use Cases

• Hero sections

• Landing pages

• SaaS & AI websites

• Tech product showcases

• Portfolio backgrounds

• Interactive brand sections