SmoothUI

Reveal Text

Animate text into view from different directions with staggered characters.

Open in v0

Last updated: November 8, 2025

Reveal Text Examples

Welcome to SmoothUI
Beautiful animations
Made with Framer Motion
Scroll down to see more examples!

Installation

pnpm dlx shadcn add @smoothui/reveal-text
npx shadcn@latest add @smoothui/reveal-text
yarn dlx shadcn add @smoothui/reveal-text
bunx shadcn add @smoothui/reveal-text

Features

  • Enter animations from up, down, left, or right
  • Character or word stagger options
  • Delay and duration controls
  • Built with Framer Motion
  • Accessible and performant

Props

Prop

Type

Wave Text

An animated text component that creates a wave effect across characters.

Typewriter Text

A typewriter effect for progressively revealing text with optional looping.

On this page

Installation
Features
Props

Powered by

motion.dev