---
title: "Particles Text — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rohit Anand · Text. Particle Text Framer Component"
canonical: "https://framer.elliotli.dev/component/particles-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Particles Text

# Particles Text

Particle Text Framer Component

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

![Particles Text preview image 1](https://framer.elliotli.dev/og/component/particles-text/bf5bc28e6bed87fa/1600x900.jpg)

## Summary

Particle Text Framer Component

## Description

## Particle Text

Turn any text into a dynamic particle animation. **Particle Text** samples your text and transforms it into hundreds or thousands of tiny particles that scatter, gather, drift, and react to the pointer.

Live Preview: [https://particletext.framer.ai/](https://particletext.framer.ai/)

Gumroad Link: [https://rohitanand.gumroad.com/l/uehnj?wanted=true](https://rohitanand.gumroad.com/l/uehnj?wanted=true)

### Features

-   **Custom Text** — Use any word, phrase, or headline.
    
-   **Particle Size** — Control the size of individual particles.
    
-   **Density** — Adjust how detailed the particle text appears.
    
-   **Custom Colors** — Choose a base color and highlight color.
    
-   **Scatter Animation** — Particles fly in from around the text and gather into shape.
    
-   **Hover Trigger** — Rebuild the text when the pointer enters.
    
-   **Click Trigger** — Trigger the particle animation on click.
    
-   **Pointer Repel** — Push particles away from the cursor.
    
-   **Repel Radius** — Control the area affected by the pointer.
    
-   **Idle Drift** — Add subtle movement after the text forms.
    
-   **Glow** — Add a soft particle glow effect.
    
-   **Custom Font Size** — Supports responsive CSS values such as `clamp()`.
    
-   **Custom Font Weight & Family** — Match your website typography.
    
-   **Reduced Motion** — Respects the user's system motion preference.
    
-   **Responsive** — Automatically rebuilds particles when the component resizes.
    
-   **Performance Optimized** — Rendering pauses when the component is outside the viewport.
    
-   **Framer Marketplace Ready** — Includes a static-renderer fallback for Framer's canvas and export environments.
    

### Perfect For

Hero sections, landing pages, portfolios, creative websites, Web3 projects, interactive headings, loading screens, and experimental typography.

**No setup required. Drop it onto your Framer canvas, customize the controls, and you're ready to go.**

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

-   All · #9537

## Details

- **Author**: Rohit Anand
- **Price**: $10.00
- **Published**: 2026-08-21
- **Updated**: 2026-08-21
- **Added**: 2026-08-21
- **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