How to use

import { SkiperTextRevealH } from "@/components/v1/skiper72";

// Basic usage
const DemoSkiper72 = () => {
  return (
    <div className="h-screen w-full">
      <SkiperTextRevealH>
        Your text content here that will be revealed word by word
      </SkiperTextRevealH>
    </div>
  );
};

Multiple usage examples

// With custom styling
const CustomExample = () => {
  return (
    <SkiperTextRevealH className="font-bold text-blue-500">
      Custom styled text with different colors and fonts
    </SkiperTextRevealH>
  );
};

// With longer content
const LongContentExample = () => {
  return (
    <SkiperTextRevealH>
      This is a longer piece of text that demonstrates how the component handles
      multiple words and sentences with proper spacing and timing for the reveal
      animation.
    </SkiperTextRevealH>
  );
};

Attribution

Inspired by made with gsap