Components
Loading preview...
The component generates the specified number of lines with rotation angles, all using inline styles. You can customize the line count, colors, thickness, positioning, and container properties.
npx shadcn@latest add https://21st.dev/r/designali-in/radial-linesimport { RadialLines } from "@/components/ui/radial-lines";
export default function DemoOne() {
return (
<div className="relative flex h-[650px] w-full flex-col items-center justify-center overflow-hidden rounded-xl border bg-lime-700">
<RadialLines
lineCount={100}
lineColor="#fff200"
lineThickness={1}
opacity={1}
/>
<span className="absolute pointer-events-none z-10 text-center text-7xl leading-none font-semibold tracking-tighter whitespace-pre-wrap text-white">
Radial Lines
</span>
</div>
)
}