Docs
View Text

View Text

Displays a beautiful View Text.

YouYoucancanbeautifybeautifyyouryourwebwebusingusingBuouUIBuouUIbybyCopy-Paste.Copy-Paste.

Installation

Install the following dependencies:

npm install framer-motion

Copy and paste the cn util code into your project.

import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
 
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

Copy and paste the Fliping Text code into your project.

API Reference

Props

PropTypeDescription
textstringview text words.
classNamestringAdditional classes for the Text.

Usage

export function TextRevealDemo() {
  return (
    <div className="z-10 flex min-h-64 items-center justify-center rounded-lg bg-white dark:bg-black">
      <TextRevealByWord text="You can beautify your web using BuouUI by Copy-Paste." />
    </div>
  )
}
Smooth Typing TextTyping Text