spark-ui
componentinteractive-pets-demosource: ok · hit
Interactive Pets Demo
Demo of the Interactive Pets playground with custom messages and an event log.
npx shadcn add "https://spark-ui-olive.vercel.app/r/interactive-pets-demo.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · mediumanimationframer-motion
Files1 · source cached 10/9/2026, 8:40:05 AM
registry/demos/interactive-pets-demo.tsx
"use client";
import { InteractivePets } from "@/registry/spark-ui/interactive-pets";
export default function InteractivePetsDemo() {
return (
<div className="w-full max-w-xl">
<InteractivePets
pets={[{ id: "cat", name: "Mochi" }]}
instructionText="Click Mochi to chat or tap the bone to feed."
/>
</div>
);
}