Velora UI

Hyper Text

Scrambles through letters and resolves into the real text.

  • 1.0 KB gzipped
  • Zero dependencies
  • Reduced-motion safe
  • Base UI & Radix compatible
Open in v0

Preview

VELORA UI

Installation

pnpm dlx shadcn@latest add https://velora.colorlib.com/r/hyper-text.json

Adds components/velora/hyper-text.tsx.

Props

PropTypeDefault
children*string—
frame

Milliseconds between scramble frames

number40
onHover

Scramble on hover instead of on mount

booleanfalse
classNamestring—

Accessibility

Reduced motion
No scramble runs, on mount or on hover; the text renders as-is.
Keyboard
Decorative — nothing to operate.
Screen readers
The real text is in an sr-only span and the scrambling visual copy is aria-hidden, so assistive tech never reads random letters.