Components
Loading preview...
A rounded download button that smoothly expands on hover and collapses when not hovered, providing a clean, interactive experience.
@hardik0110
npx shadcn@latest add https://21st.dev/r/hardik0110/download-hover-button"use client"
import * as React from "react"
import AnimatedDownloadButton from "@/components/ui/download-hover-button"
function DemoAnimatedDownloadButton() {
return (
<div className="flex items-center justify-center min-h-screen bg-background">
<AnimatedDownloadButton />
</div>
)
}
export { DemoAnimatedDownloadButton }