Moving Border

A light laps the button's border via offset-path.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://velora.colorlib.com/r/moving-border.json

Files

• src/components/velora/moving-border.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Border Effect Components
• React Border Effect Components
• Tailwind CSS Border Effect Components
• Animated Border Effect Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components

More from Velora UI

• Split login page
• Sign-up card
• Border Beam
• Split CTA with product visual
• Glowing Effect
• Magnetic Button
• Rainbow Button
• Ripple Button
• Shimmer Button
• Stateful Button
• Theme Toggler
• 3D Card