Components
A flexible and elegant text component wrapped in a corner frame with a scramble animation effect. Built with Tailwind CSS and Framer Motion, it visually enhances dynamic text values like stats, counters, or identifiers while maintaining accessibility and styling consistency.
Loading preview...
'use client'
import CornerFrameScrambleText from '@/components/ui/corner-frame-scramble-text'
export default function Demo() {
return (
<CornerFrameScrambleText
value="Corner Frame Scramble"
as="h5"
className="text-xl text-foreground"
/>
)
}