SmoothUI

Scramble Hover

Scramble characters on hover for playful, attention-grabbing text effects.

Open in v0

Last updated: November 8, 2025

Scramble Hover Examples

Installation

pnpm dlx shadcn add @smoothui/scramble-hover
npx shadcn@latest add @smoothui/scramble-hover
yarn dlx shadcn add @smoothui/scramble-hover
bunx shadcn add @smoothui/scramble-hover

Features

  • Character scrambling on hover with duration and speed controls
  • Works with headings and inline text
  • Smooth and performant
  • Built with Framer Motion
  • Accessible fallbacks

Props

Prop

Type

Typewriter Text

A typewriter effect for progressively revealing text with optional looping.

Scroll Reveal Paragraph

Reveal paragraphs as they enter the viewport with subtle motion and fade.

On this page

Installation
Features
Props

Powered by