Curious AIA morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckles on a wrinkled surface, and glowing pink robot-eye pills that follow your cursor and blink between idle looks.
Add to your project
One command adds this component to your project.
Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.
npx shadcn@latest add @aicanvas/curious-aiFor dark mode, add the dark class to your <html> element:
<html class="dark">Install with AI Canvas MCP
With AI Canvas MCP, your AI knows every component we ship. Ask for “a navigation component from AI Canvas” inside Claude Code, Codex, or Cursor and it can suggest you a few options, then install the one you like. Less typing, lower token cost, modern way to build.
Get MCPAbout Curious AI
Curious AI is a morphing 3D AI orb built in Three.js with cyan and magenta rim lights, iridescent pink speckles drifting across a wrinkled displacement surface, and a pair of glowing pink robot-eye pills that track your cursor and blink between idle looks. Motion handles the cursor-follow on the eyes and the idle behaviors, while Three.js owns the orb morph and lighting. It is the canonical character mascot for an AI product hero, marketing-site feature card, or onboarding moment.
AI Canvas