Skip to content

component

Interactive 3D Pet

By Saadat Ali

Details

Summary

Your Personal Assistants

Description

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

Introduction

Your Personal Assistants

Rank history

Daily rank per list, from the first snapshot — lower is better.

12014014698/148/228/309/79/15
  • All · #469