Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Website

Splitting Text

ui

A text component that dynamically simulates a splitting animation, progressively revealing characters as if typed in real-time.

Installation

Copy and the paste the following command into your terminal.

Examples

Splitting Text Demo

(splitting-text-demo)

ui

Demo showing an animated splitting text.

View

https://shadcnregistry.com/preview/animate-ui/splitting-text-demo

Splitting Lines Demo

(splitting-lines-demo)

ui

Demo showing an animated splitting lines.

View

https://shadcnregistry.com/preview/animate-ui/splitting-lines-demo

Splitting with Custom Variants Demo

(splitting-with-custom-variants-demo)

ui

Demo showing an animated splitting text with custom variants.

View

https://shadcnregistry.com/preview/animate-ui/splitting-with-custom-variants-demo

Splitting Words Demo

(splitting-words-demo)

ui

Demo showing an animated splitting words.

View

https://shadcnregistry.com/preview/animate-ui/splitting-words-demo