---
title: "Spoiler Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Vaibhav Khulbe · Text. Spoiler Reveal brings cinematic mystery, playful interaction, and dynamic particle animation to your Framer projects."
canonical: "https://framer.elliotli.dev/component/spoiler-reveal"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Spoiler Reveal

# Spoiler Reveal

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

![Spoiler Reveal preview image 1](https://framer.elliotli.dev/og/component/spoiler-reveal/67c4febb977e83a0/1600x1200.jpg)

## Summary

Spoiler Reveal brings cinematic mystery, playful interaction, and dynamic particle animation to your Framer projects.

## Description

### Spoiler Reveal brings cinematic mystery, playful interaction, and dynamic particle animation to your Framer projects.

### ✨ Features

-   **Particle-based reveal effect**: animated text reveals with a customizable field of particles that fade, float, and move organically for a magical unveiling.
    
-   **Multiple reveal animations**: choose how your text appears: fade, slide, scale, or pop for expressive motion that matches your design aesthetic.
    
-   **Hover or click activation**: trigger the reveal automatically on hover or require a click for more intentional interaction.
    
-   **Performance-friendly FPS control**: tune the animation framerate to balance smooth motion with performance on lower-powered devices.
    
-   **Advanced particle customization**: adjust particle size, speed, lifetime, density, opacity behavior, and motion randomness for subtle or dramatic effects.
    
-   **Smart timing options**: control how long particles animate, when they stop spawning, and how long the reveal motion lasts.
    
-   **Fully responsive and layout-safe**: particles render in a canvas overlay, ensuring clean alignment and no layout shifts.
    

Create dynamic easter eggs, playful microinteractions, hidden notes, or cinematic reveals that feel alive and expressive—perfect for portfolios, storytelling, product pages, and modern UI experiments.

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

-   All · #6688

## Details

- **Author**: Vaibhav Khulbe
- **Published**: 2026-01-29
- **Updated**: 2025-12-29
- **Added**: 2025-12-09
- **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