HomeInstallationComponents

Text

Vortext

A lightweight, GSAP-powered text component with smooth, built-in animations. Ships standalone—no extra load, just clean text motion.

npx argn-ui@latest add vortext

This command installs GSAP and @gsap/react if missing, and injects a ready-to-use animated text component with prop-based animation controls.

Examples

1. Base Vortext

3D perspective text animation that, by default, animates each line individually.

<Vortext className="text-6xl font_anton ">
    JOIN ME IN THIS CULT
</Vortext>

JOIN ME IN THIS CULT

2. Custom Vortext

Remix it with your css and make it look more versatile!

<Vortext animateBy="chars" className="text-6xl font_anton">
  ANIMATING THE CHARACTERS!
</Vortext>

ANIMATING THE CHARACTERS!

Component Props

Prop KeyProp ValueExplanation
animateBy?"words" | "chars"Controls the animation level. By default, text animates line by line. Use 'words' to animate each word or 'chars' to animate each character for finer effects.