PaceUI

MCP Components Templates Charts Starter

GSAP Overview

GSAP AI

Modal Ability Selector Modal Selector Response Writer AI Suggestions Token Counter

Text & Typography

Bouncing Text Distort Text Draw Line Text Mouse Wave Text Reveal Text Scramble Text Squash Text

Buttons & Controls

Fillable Button Spring Button Text Fall Button Swap

Layout & Cards

Animated Stack Layered Stack Flip Reveal Profile Peek Tilt Card Gradient Shadow

Scroll & Effects

Liquid Cursor Liquid Glass Overlay Effect Reveal on Scroll Stagger on Scroll

Utilities & Counters

GitHub Star Counter Rolling Number

Build faster with Pro

Unlock all premium blocks, templates, and support future updates.

Get Full Access

Reveal Text

A smooth text reveals animation where each heading reveals related content on interaction.

Default

npx shadcn@latest add @paceui/gsap-reveal-text

Loading preview...

Examples

Assemble

npx shadcn@latest add @paceui/gsap-reveal-text

Loading preview...

Lines

npx shadcn@latest add @paceui/gsap-reveal-text

Loading preview...

Masked Lines

npx shadcn@latest add @paceui/gsap-reveal-text

Loading preview...

Words

npx shadcn@latest add @paceui/gsap-reveal-text

Loading preview...

Mouse Wave Text Scramble Text