Components
CornerFrameText is a semantic, reusable UI component that displays a line of text wrapped in elegant corner-frame borders, consistent with the CornerFrameAnimatedButton style — but without any hover effects or background animations. Ideal for static headers, labels, or decorative inline elements.
Loading preview...
import CornerFrameText from '@/components/ui/corner-frame-text-1'
export default function DemoText() {
return (
<div className="min-h-screen flex items-center justify-center">
<h6 className="text-2xl font-medium tracking-tight lg:text-3xl">
<CornerFrameText text="HELLO WORLD" />
</h6>
</div>
)
}