---
title: "Fluid Particle Text — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Munzir Kareem · Text. Interactive WebGL particle text FX"
canonical: "https://framer.elliotli.dev/component/fluid-particle-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Fluid Particle Text

# Fluid Particle Text

Interactive WebGL particle text FX

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

![Fluid Particle Text preview image 1](https://framer.elliotli.dev/og/component/fluid-particle-text/b349a804ae8fd1b9/1600x1200.jpg)

## Summary

Interactive WebGL particle text FX

## Description

This component converts your text into an interactive particle system that reacts to the cursor in real time, fully customizable to match your brand.

**Features:**

-   WebGL particle field generated directly from your text, using any font available in Framer
    
-   Cursor-driven displacement with adjustable radius, force strength, and return speed
    
-   Adjustable particle size, sample quality, and max displacement for finer or looser effects
    
-   Fit modes (Off / Fit / Fill) with adjustable padding and min/max scale so text always sizes to its container
    
-   Full text controls — alignment, vertical alignment, max lines, and an optional outline with independent stroke and fill opacity
    
-   Fully customizable text color and canvas background
    
-   Alpha threshold control to fine-tune which pixels become particles
    
-   Automatic static fallback for the Framer canvas, exports, and reduced-motion preferences
    
-   Pauses rendering when off-screen to avoid unnecessary CPU/GPU load
    
-   Graceful recovery from GPU context loss, so the effect never gets stuck blank
    

**Use cases:**

-   Hero sections and landing page headlines that want a memorable, interactive first impression
    
-   Portfolio and agency sites looking to showcase a headline or tagline with some personality
    
-   Product launch and "coming soon" pages where a single word or phrase is the centerpiece
    
-   Any site where static text feels flat and a subtle interactive touch would stand out
    

[Component Demo](https://youtu.be/7caRTdVRMEw)

Refund Policy: This is a digital product, so refunds aren't available once purchased. If you're unsure it's the right fit, feel free to message meon [X](https://x.com/munzir_designs) or [email](mailto:design.mentor2@gmail.com) me, I'm happy to help.

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

-   All · #5521

## Details

- **Author**: Munzir Kareem
- **Price**: $10.00
- **Published**: 2026-08-26
- **Updated**: 2026-08-26
- **Added**: 2026-08-26
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing