About
A mini code viewer card that shows a structured JSON response with a filename header, copy button, and preformatted preview body.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Export JSON to your project and fits it to your theme.
Code
How Export JSON is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Ai43 } from "@/components/ui/ai43";
export default function Default() {
return (
<Ai43
filename="response.json"
content={`{
"answer": "Use Redis INCR",
"sources": 3,
"latency_ms": 420
}`}
/>
);
}
















