Border Trail

Animated border effect that moves along the edges of its parent container.

Animated border effect that moves along the edges of its parent container.

Examples

npx shadcn@latest add "https://components.dylanwlim.com/c/border-trail.json"

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.

On This Page

Build with DWL Components

Use the copied registry, charts, blocks, and create tools in one place.

Start from the DWL Components create flow and customize from there.