Components
Loading preview...
A glossy pill button inspired by Apple's classic Aqua interface, with layered top highlight, soft bottom diffusion, and rich inner shadows for the signature lickable look. Primary blue gel and secondary silver variants.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/aqua-button"use client";
import { AquaButton } from "@/components/ui/aqua-button";
export default function Secondary() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-12">
<AquaButton variant="secondary">Cancel</AquaButton>
</div>
);
}