shadcn-ui-blocks.com/blocks/components-buttons-border-animation-buttons

Border Animation Buttons · shadcn-ui-blocks.com

Buttons with borders that animate and trace around the edge on hover. Draw attention to a primary action without changing the button fill at rest.

npx shadcn@latest add @shadcn-ui-blocks/components-buttons-border-animation-buttons

Loading the source for components-buttons-border-animation-buttons…

components-buttons-border-animation-buttons

Registry Items

components-buttons-border-animation-buttons

Configuration

Name

components-buttons-border-animation-buttons

Type

Block

Description

Buttons with borders that animate and trace around the edge on hover. Draw attention to a primary action without changing the button fill at rest.

Files · 2

Dependencies

npm packages

class-variance-authority

radix-ui