{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "border-beam", "homepage": "https://github.com/FradSer/border-beam", "items": [ { "name": "border-beam", "type": "registry:ui", "title": "Border Beam", "description": "Animated border beam effect using CSS Houdini @property and conic-gradient. Supports border (sm/md) and line (bottom-only traveling glow) size variants with per-component theme control (dark/light/auto). Refactored from Jakubantalik/border-beam (MIT) into static, registry-native CSS — no runtime style injection, no npm dependency.", "files": [ { "path": "registry/new-york/ui/border-beam.tsx", "type": "registry:ui" }, { "path": "registry/new-york/ui/border-beam.css", "type": "registry:ui" } ], "cssVars": { "light": { "beam-stroke-opacity": "0.33", "beam-inner-opacity": "0.46", "beam-bloom-opacity": "0.54", "beam-saturation": "0.96", "beam-inner-shadow": "rgba(0, 0, 0, 0.14)" }, "dark": { "beam-stroke-opacity": "0.48", "beam-inner-opacity": "0.7", "beam-bloom-opacity": "0.8", "beam-saturation": "1.2", "beam-inner-shadow": "rgba(255, 255, 255, 0.27)" } } }, { "name": "border-beam-button", "type": "registry:ui", "title": "Border Beam Button", "description": "shadcn Button pre-wrapped with the border-beam effect. Defaults to beam size 'sm'.", "files": [ { "path": "registry/new-york/ui/border-beam-button.tsx", "type": "registry:ui" } ], "registryDependencies": [ "button", "https://border-beam.vercel.app/r/border-beam.json" ] }, { "name": "border-beam-card", "type": "registry:ui", "title": "Border Beam Card", "description": "shadcn Card pre-wrapped with the border-beam effect. Defaults to beam size 'md'.", "files": [ { "path": "registry/new-york/ui/border-beam-card.tsx", "type": "registry:ui" } ], "registryDependencies": [ "card", "https://border-beam.vercel.app/r/border-beam.json" ] }, { "name": "border-beam-input", "type": "registry:ui", "title": "Border Beam Input", "description": "shadcn Input pre-wrapped with the border-beam effect. Defaults to beam size 'sm'.", "files": [ { "path": "registry/new-york/ui/border-beam-input.tsx", "type": "registry:ui" } ], "registryDependencies": [ "input", "https://border-beam.vercel.app/r/border-beam.json" ] }, { "name": "border-beam-textarea", "type": "registry:ui", "title": "Border Beam Textarea", "description": "shadcn Textarea pre-wrapped with the border-beam effect. Defaults to beam size 'md'.", "files": [ { "path": "registry/new-york/ui/border-beam-textarea.tsx", "type": "registry:ui" } ], "registryDependencies": [ "textarea", "https://border-beam.vercel.app/r/border-beam.json" ] } ] }