Loading...
"use client"
import { ShineBorder } from "@/registry/aliimam/components/shine-border"
export function DemoOne() {
return (
<div className="flex h-full w-full items-center justify-center overflow-hidden">
<ShineBorder
borderRadius={30}
borderWidth={6}
duration={30}
className="h-[400px] w-full px-10"
>
<h1 className="text-xl">Shine Border</h1>
</ShineBorder>
</div>
)
}
Installation
pnpm dlx shadcn@latest add https://aliimam.in/r/shine-border.json
Usage
import { ShineBorder } from "@/components/ui/shine-border"<div className="relative h-screen w-full overflow-hidden">
<ShineBorder borderRadius={12} borderWidth={3} duration={10}>
<span style={{ color: "white", fontSize: 20 }}>Neon Glow ✨</span>
</ShineBorder>
</div>savd