Site index

Start a conversation
Component index
Component specification

Animated Button

A call-to-action button with hover effects and an animated arrow. Perfect for hero sections and primary actions.

ReactCopyable sourceFree

Usage / setup

Install with shadcn

Add this component straight into your codebase with the shadcn CLI. It writes the source file and installs the required dependencies.

shadcn CLI

npx shadcn@latest add https://mudasir.in/r/animated-button.json

Dependencies

  • @tabler/icons-react
  • motion

Theme colors are controlled by the --theme-color-* custom properties.