Moving Border
A border that moves around the container. Perfect for making your buttons stand out.
Installation
Run the following command
npx shadcn@latest add @aceternity/moving-borderProps
| Prop | Type | Description | 
|---|---|---|
| borderRadius | string | Optional. Defines the border radius of the button. Default value is "1.75rem". | 
| children | React.ReactNode | Required. The content to be displayed inside the button. | 
| as  | any | Optional. Defines the HTML element or React component that will be used for the button. Default is "button". | 
| containerClassName  | string | Optional. Additional CSS classes to be applied to the button container. | 
| borderClassName | string | Optional. Additional CSS classes to be applied to the button border. | 
| duration | number | Optional. Duration for the moving border animation in milliseconds. Default is 2000. | 
| className  | string | Optional. Additional CSS classes to be applied to the button. | 
| [key: string] | any | Optional. Any other props that should be passed to the button. | 
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time


