---
title: "Particle Ribbon Flow — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Abdurakhim Eshonjonov · Backgrounds. Particle Ribbon Flow is a high-performance animated background component for Framer, built with Canvas for smooth…"
canonical: "https://framer.elliotli.dev/component/particle-ribbon-flow"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Particle Ribbon Flow

# Particle Ribbon Flow

With more functions

[View on Framer](https://framer.com/marketplace/components/particle-ribbon-flow/?via=elliot-li)

![Particle Ribbon Flow preview image 1](https://framer.elliotli.dev/og/component/particle-ribbon-flow/66ff614a5e00342a/1600x1200.jpg)

## Summary

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

## Description

**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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10567

## Details

- **Author**: Abdurakhim Eshonjonov
- **Price**: $4.00
- **Published**: 2026-04-29
- **Updated**: 2026-04-29
- **Added**: 2025-12-17
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background