design-infraReport a problem or share feedback← Catalog
Scramble Hover
freesmoothui/scramble-hover
A ScrambleHover component for SmoothUI.
$
npx shadcn@latest add @smoothui/scramble-hover- Source
- SmoothUI
- Kind
- effect
- Categories
- text-effect
- Use as
- drop-in — replaces your component
- Applies to
- text-effect
- Motion
- on hover, loop · medium · js · medium cost · respects reduced motion
- Tags
- text, scramble, hover, glitch, effect, interactive, tween, complexity-low
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Rotating Textreact-bits/rotating-textRotating keyword in a headline with staggered letter transitions (motion). Unstyled — put bg-primary/text-primary-foreground on the pill yourself.
- Spinning Textmagicui/spinning-textThe Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.
- Text 3D Flipmagicui/text-3d-flipA text effect that flips each letter in 3D with a staggered animation on hover.