Components
Loading preview...
The App Store Button follows Apple’s familiar download style, featuring a clean Apple logo, compact typography, and balanced layout. It’s ideal for product sites, landing pages, or apps where you want a native and trustworthy look that users instantly recognize.
npx shadcn@latest add https://21st.dev/r/sshahaider/app-store-buttonimport { AppStoreButton } from "@/components/ui/app-store-button";
import { cn } from "@/lib/utils";
export default function AppStoreButtonDemo() {
return (
<div className="relative flex min-h-screen w-full flex-col items-center justify-center">
<a href="#">
<AppStoreButton />
</a>
<div
aria-hidden="true"
className={cn(
"pointer-events-none absolute -top-10 left-1/2 size-full -translate-x-1/2 rounded-full",
"bg-[radial-gradient(ellipse_at_center,--theme(--color-foreground/.1),transparent_50%)]",
"blur-[30px]"
)}
/>
</div>
);
}