---
title: "Word Rain — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Igor Reif · Text. Features Enable cursor interaction to attract or repel words."
canonical: "https://framer.elliotli.dev/component/word-rain"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Word Rain

# Word Rain

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

![Word Rain preview image 1](https://framer.elliotli.dev/og/component/word-rain/26526117984f1bde/1600x1200.jpg)

## Summary

Features Enable cursor interaction to attract or repel words.

## Description

## Features

-   Enable cursor interaction to attract or repel words.
    
-   Canvas preview for easy color and font selection.
    
-   SEO friendly HTML tags (H1–H6, span).
    
-   Customize the variation in word size, rotation and delay as they spawn.
    
-   Randomize word spawning and colors, or keep the original order and colors.
    
-   Choose fall behavior: Fade Out makes words vanish at the bottom, while Loop lets them keep falling through.
    

## Use case ideas

-   Highlight brand messages in a visually dynamic way to capture user attention.
    
-   Showcase your keywords that instantly stand out.
    
-   Bring product features to life.
    
-   Make calls-to-action more engaging and memorable.
    
-   Illustrate brand values.
    
-   Emphasize keywords in a fun, interactive manner.
    
-   Create dynamic headings and taglines that inspire and engage.
    
-   Transform static messages into a dynamic visual experience.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-n7vwrfn6-dV9iyGtI7AKtnyaKqQRueg8EkKnNVa)

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

-   All · #7406

## Details

- **Author**: Igor Reif
- **Price**: $7.00
- **Published**: 2026-01-15
- **Updated**: 2026-01-14
- **Added**: 2026-01-01
- **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