Back to Components
Buttons
Border Beam Button
A button with an animated beam that travels around the border for a premium call to action.
Dependencies
- @radix-ui/react-slot
- class-variance-authority
- clsx
- tailwind-merge
- framer-motion
Files
- components/ui/border-beam-button.tsx
Installation
Using shadcn CLI
npx shadcn add border-beam-button --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install @radix-ui/react-slot class-variance-authority clsx tailwind-merge framer-motion