Border Trail
Animated border effect that moves along the edges of its parent container.
Examples
Border Trail Card
Border Trail Loading Card
Border Trail Textarea
Installation
npx shadcn@latest add https://ui.ndekocode.dev/r/motion-border-trail.jsonComponent API
Border Trail
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes for styling the border trail. | |
| size | number | 60 | Size of the animated border effect. |
| transition | Transition | Custom transition settings for the animation. | |
| onAnimationComplete | () => void | Callback function triggered when the animation completes. |