Light Rays

A component with animated light rays which shine down from above.

MMagic UI·byMUMagic UIPro

2,384

Bookmarks

8,584

Installs

79,184

Views

21 lines

import { LightRays } from "@/components/ui/light-rays"

export default function Component() {
  return (
    <div className="relative h-[500px] w-full overflow-hidden rounded-lg border">
      <div className="relative z-10 flex h-full flex-col items-center justify-center gap-4 px-6 text-center">
        <span className="text-xs font-semibold tracking-[0.35em] text-slate-800/60 uppercase dark:text-slate-200/60">