API Key Vault

An animated isometric illustration of an API key vault: pressing rotate flies the old key card out, drops a new one into the slot, latches the catch, and revokes the old key on its screen readout.

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

import ApiKeyVault from "@/components/ui/api-key-vault";

export default function ApiKeyVaultDemo() {
  return (
    <div className="w-full min-h-screen flex items-center justify-center bg-[#f1f1ef] p-10">
      <div className="w-full max-w-lg aspect-[1.3]">
        <ApiKeyVault />
      </div>
    </div>
  );
}