The mascot your users will remember - no design skills needed
Add animated mascots to your Framer site. Describe any action, generate in 60 seconds, drag and drop to your canvas.
The Duolingo Effect for Your Site
Duolingo's mascot Duo became a cultural phenomenon. Give your Framer site the same memorable personality.
Animated mascots increase engagement vs static content
Users remember brands with mascots significantly better
Content with mascots gets shared more across platforms
Where to Use Mascots in Framer
Perfect for landing pages, portfolios, and marketing sites.
Landing Pages
Make your hero section unforgettable with an animated mascot greeting visitors.
About Sections
Tell your brand story with a mascot that brings personality and warmth.
Interaction Triggers
Trigger mascot animations on hover, scroll, or click for delightful micro-interactions.
Call-to-Action
Draw attention to your CTA with an excited mascot pointing the way.
Trigger Animations on Interactions
Framer's powerful interaction system pairs perfectly with Masko mascots. Trigger different animations based on user actions.
- Hover: Mascot waves or gets excited
- Scroll: Mascot appears and guides user
- Click: Mascot celebrates or confirms
- Page load: Mascot welcomes visitors
How It Works
Three simple steps. No animation software needed.
Describe your action
Tell us what your mascot should do - wave hello, celebrate a win, or any action you can imagine.
Get your CDN link
We generate your animation in 60 seconds and host it on our global CDN.
Drag and drop
Add Framer's video component, paste your URL, and position on your canvas.
Transparent video works natively in Framer. Use the built-in video component or trigger different animations with Framer's interactions.
Example Mascots
See what others have created for their Framer sites.
