Swirl FREE

Flowing particles with trail lines creating organic, swirling patterns.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

Flowing particles with trail lines creating organic, swirling patterns.

  • Noise-based particle flow
  • Trail line rendering
  • Customizable colors
  • Glowing composite effect
  • Transparent background support

Swirl

Add dynamic motion with Swirl. Particles flow across the screen following noise-based patterns, leaving glowing trails that create organic, ever-changing compositions.

Features

Noise-Based Flow Particles follow simplex noise patterns, creating natural, unpredictable movement paths.

Trail Lines Each particle leaves a glowing trail, building up intricate visual patterns over time.

Customizable Colors Set a base color and variation range to create your perfect palette.

Use Cases

Hero Backgrounds — Create dynamic, flowing visual interest.

Music/Audio Sites — Perfect for representing sound waves and rhythm.

Creative Portfolios — Add artistic flair to your work showcase.

Event Pages — Create energy and excitement.

How to Use

Installation

VIDEO PLACEHOLDER: Installation Tutorial

  1. Log in to your account at framerhub.io
  2. Navigate to framerhub.io/dashboard
  3. Find Swirl in your Recent Purchases
  4. Click the "Copy" button
  5. Open your Framer project
  6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

Customization

Customize the appearance and behavior using Framer's property controls.

Intensity

  • Controls the number of particles

Base Color

  • Primary color of the swirl particles

Color Variation

  • Hue spread from base color

Quick Tips

Best Performance — Keep intensity at 1 or below for smooth animation.

Color Combinations — Purple/pink hues create dreamy effects. Cyan/green feels digital.

Layering — Component has transparent background. Layer content above.

Dark Backgrounds — Works best on dark backgrounds for maximum glow effect.

License

Free Component — Use freely in personal and commercial projects.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Credits

Ambient Canvas Backgrounds by Sean Free for Codrops.

Swirl - FREE

Flowing particles with trail lines creating organic, swirling patterns.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.