Border Beam

Displays an animated border effect with a glowing beam around the content that adapts to the size of the container.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://badtz-ui.com/r/border-beam.json

Files

• registry/new-york-v4/ui/border-beam.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-ui

Categories

• Border Effect Components
• React Border Effect Components
• Tailwind CSS Border Effect Components
• Animated Border Effect Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from Badtz UI

• 3D Wrapper
• Animated Card 1
• Animated Card 2
• Animated Card 3
• Animated Keyboard
• Animated List
• Blur Reveal
• Button
• Cloud Orbit
• Confetti Button
• Cursor Cards
• Dock