Flow Button

A button with animated flowing dashed border on hover.

Library

Spell UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add "https://spell.sh/docs/flow-button.md"

Files

• registry/spell-ui/flow-button.tsx
• lib/utils.ts
• lib/config.ts

Source

https://github.com/xxtomm/spell-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 Spell UI

• Copy Button
• Pop Button
• Rich Button
• Animated Checkbox
• Animated Gradient
• Badge
• Bars Spinner
• Blur Reveal
• Chart
• Color Selector
• Exploding Input
• Fallback Avatar