GitHub
Open Github

Flow Button

A button with animated flowing dashed border on hover.

Installation

pnpm dlx shadcn@latest add @spell/flow-button

Examples

Size

Color

Usage

import { FlowButton } from "@/components/flow-button";
<FlowButton>Click me</FlowButton>

Props

PropTypeDefault
children
React.ReactNode
-
size
SizeVariant
default
borderColor
string
var(--rotating-border-color)
className
string
-
asChild
boolean
false