About
A draggable identity card with an elastic return for playful AI profiles.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Agent Id to your project and fits it to your theme.
Code
How Agent Id is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AgentId from "@/components/ui/agent-id";
export default function AgentIdDemo() {
return (
<main className="flex min-h-screen items-center justify-center bg-white p-8 text-slate-950 dark:bg-slate-950 dark:text-white">
<AgentId />
</main>
);
}
More by Aadarsh
View all
Receipt Printer
32