Text

A collection of text components to use and customize.

Text - Shimmer

Live Preview
Open in

Classy Shimmer

Installation

npm install motion

Usage

import Text_01 from "@/components/xui/text/text-01";

export function MyComponent() {
  return (
    <div className="w-full max-w-md">
      <Text_01 />
    </div>
  );
}

Props

Each text variant has its own specific props. Refer to the individual component implementations for detailed prop information.

Dependencies

This component requires the following packages:

  • motion (framer-motion)

Text - Sliced

Live Preview
Open in
Payout fees
Payout fees

Text - Wave

Live Preview
Open in
Wave

Text - Enhanced

Live Preview
Open in
NIKE

Text - Bounce and Hover

Live Preview
Open in
BOUNCE

Text - Swoosh

Live Preview
Open in
HONGDAE