Scramble Text

The ScrambleText component is a React component that provides a fun text scrambling effect on hover. It utilizes the framer-motion library for animation and allows for an engaging display of text.

Live Link: https://scramble-text.vercel.app/

Features

• Hover Effect: The text starts scrambling on hover, creating an engaging effect.
• Animation: Smooth animation provided by the framer-motion library.
• Interaction: Stops scrambling when the mouse leaves the component area.

Tech Stack

• NextJS
• Framer Motion
• TailwindCSS

Getting Started

First, install the node mudules and run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.