Scrambled Text

Text that scrambles on mouse proximity using GSAP.

Hello World

import ScrambledText from "@/components/vritti/scrambled-text";

export function ScrambledTextExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <ScrambledText>
        <p>Hello World</p>
      </ScrambledText>
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/scrambled-text"

Dependencies


pnpm add gsap

Scramble In Screensaver

Edit this page on GitHub