Components
Loading preview...
A sleek, customizable CTA (Call to Action) that mimics the official Google Play style. With a built-in Google Play icon, bold typography, it’s perfect for apps, SaaS platforms, or landing pages that need to drive users to the Play Store. Designed with flexibility in mind, you can easily extend it with custom variants, sizes, or interactions while keeping a professional look.
npx shadcn@latest add https://21st.dev/r/sshahaider/play-store-buttonimport { PlayStoreButton } from "@/components/ui/play-store-button";
import { cn } from "@/lib/utils";
export default function DemoOne() {
return (
<div className="relative flex min-h-screen w-full flex-col items-center justify-center">
<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]"
)}
/>
<a href="#">
<PlayStoreButton />
</a>
</div>
);
}