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