SmoothUI

Wave Text

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

Open in v0

Last updated: November 8, 2025

Wave Text Examples

SmoothUI Components
Beautiful animations made easy
Hover over the text to see the wave effect!

Installation

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

Features

  • Smooth wave animation across text
  • Customizable wave parameters
  • Multiple animation styles
  • Built with Framer Motion
  • Responsive text sizing
  • Performance optimized

Props

Prop

Type

Dot Morph Button

Button with morphing dots for progress/confirmation.

Reveal Text

Animate text into view from different directions with staggered characters.

On this page

Installation
Features
Props

Powered by

motion.dev