UI

Text Effect

Text animation effects with staggered reveals by character, word, or line

Preview

<TextEffect preset="fade-in-blur" per="word">
  Beautiful text animations with smooth reveals
</TextEffect>

Props

The TextEffect component accepts the following props:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/text-effect

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component uses the following registry components:

  • Style Utils - Tailwind utility functions including cn() class merger

Dependencies

This component requires the following NPM packages:

  • React - JavaScript library for building user interfaces
  • Framer Motion - Production-ready motion library for React

Render Blocks

Component for rendering PayloadCMS blocks dynamically with proper typing

On this page

PreviewPropsInstallationRegistry DependenciesDependencies