Animated Hover Button

A sleek, interactive download button that expands on hover, offering a smooth animation and an intuitive user experience. Perfect for adding a polished touch to any resume or file download action!

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Hover Button to your project and fits it to your theme.

"use client"

import * as React from "react"
import { AnimatedDownloadButton } from "@/components/ui/animated-hover-button"

function DemoAnimatedDownloadButton() {
  return (
    <div className="flex items-center justify-center min-h-screen bg-background">
      <AnimatedDownloadButton />
    </div>
  )
}

export { DemoAnimatedDownloadButton }