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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
