About Interactive 3D Pet
Increase conversions and delight visitors with a customizable, interactive 3D mascot that follows their cursor. Perfect for SaaS, portfolios, and modern landing pages.
Features
Real-time cursor tracking and physics-based motion
4 premium procedural 3D characters (Pip, Puff, Botty, Spook)
Custom 3D logo generator with depth extrusion
Organic animations including breathing, blinking, and sleeping
Smart interactive chat bubble with active and idle messaging
Highly optimized WebGL performance
Responsive resize handling
Clean layered visual architecture
Works perfectly for SaaS platforms, portfolios, and landing pages
Customizable mascot colors, scale, motion speed, and chat typography
Customization Options
Select from 5 character types (including Custom Logo)
Mascot body and eye colors
Custom logo image upload, scale, and 3D thickness
Chat bubble text (Active and Idle states)
Chat bubble background and text colors
Chat bubble offset positioning
Follow speed and wobble motion intensity
Enable or disable idle mode (sleeping state)
How to Use
Drop the component onto your Framer canvas
Select your preferred 3D character or upload a custom logo
Adjust the character's colors to match your brand
Customize the chat bubble text and styling
Tune the hover follow speed and idle behavior
Publish to add a delightful, highly engaging interactive mascot
Use Cases
AI product showcases
Friendly SaaS chatbots
Modern portfolio layouts
Engaging 404 error pages
Landing page feature blocks
Interactive pricing sections
Fun onboarding experiences
Web3 and crypto projects
Creative agency websites
Interactive help centers