Components
useTextScramble
React hook that creates a hacker-style text scramble effect — characters cycle through random glyphs before resolving left to right. Returns the animated text, a scramble trigger function, and loading state. Configurable speed, character set, and step rate. Perfect for hero headings, loading states, and text transitions.
import { Component } from "@/components/ui/use-text-scramble";
export default function Demo() {
return (
<div className="flex min-h-screen items-center justify-center bg-background">
<Component />
</div>
);
}