{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"border-beam","type":"registry:ui","title":"Border Beam","description":"An animated beam of light which travels along the border of its container.","dependencies":["motion"],"files":[{"path":"registry/magicui/border-beam.tsx","content":""use client"\n\nimport { motion, MotionStyle, Transition } from "motion/react"\n\nimport { cn } from "@/lib/utils"\n\ninterface BorderBeamProps {\n /\n * The size of the border beam.\n */\n size?: number\n /**\n * The duration of the border beam.\n */\n duration?: number\n /\n * The delay of the border beam.\n */\n delay?: number\n /\n * The color of the border beam from.\n */\n colorFrom?: string\n /**\n * The color of the border beam to.\n */\n colorTo?: string\n /\n * The motion transition of the border beam.\n */\n transition?: Transition\n /\n * The class name of the border beam.\n */\n className?: string\n /**\n * The style of the border beam.\n */\n style?: React.CSSProperties\n /\n * Whether to reverse the animation direction.\n */\n reverse?: boolean\n /**\n * The initial offset position (0-100).\n */\n initialOffset?: number\n /**\n * The border width of the beam.\n */\n borderWidth?: number\n}\n\nexport const BorderBeam = ({\n className,\n size = 50,\n delay = 0,\n duration = 6,\n colorFrom = "#ffaa40",\n colorTo = "#9c40ff",\n transition,\n style,\n reverse = false,\n initialOffset = 0,\n borderWidth = 1,\n}: BorderBeamProps) => {\n return (\n \n \n \n )\n}\n","type":"registry:ui"}]}