Components
Loading preview...
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.
@arunachalam0606
npx shadcn@latest add https://21st.dev/r/arunachalam0606/corner-frame-scramble-text'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"
/>
)
}