Skip to main content

​
1. Cat

Description:
A sleek, black feline with bright yellow eyes that radiates playful curiosity and cunning. Potential Niches/Roles:
  • Gaming or streaming channels seeking a witty sidekick
  • Tech-oriented brands wanting a clever problem-solver
  • Creative agencies looking for a charming but mischievous persona

​
2. Panda

Description:
A friendly, futuristic panda with a sleek, robotic edge—ideal for conveying warmth and innovation. Potential Niches/Roles:
  • Family-friendly platforms or wellness apps in need of a kind, comforting figure
  • AI-focused businesses aiming for a blend of approachability and high-tech aesthetics
  • Educational tools requiring a gentle, nurturing presence

​
3. Girl

Description:
A stylish, cyberpunk-inspired young woman who brings an edgy, confident energy to any project. Potential Niches/Roles:
  • Fashion or lifestyle brands emphasizing individuality and bold self-expression
  • Music or entertainment platforms seeking a vibrant persona with a rebellious streak
  • Futuristic or urban-themed products wanting a trendsetting spokesperson

​
4. Robot

Description:
A nostalgic-yet-modern floating robot with an expressive screen, merging retro charm with futuristic flair. Potential Niches/Roles:
  • Tech startups wanting a friendly, mechanical guide
  • Gaming or sci-fi platforms seeking a quirky, robotic companion
  • E-learning or customer support applications needing a helpful digital assistant

​
Using a ready-made mascot

Every mascot above ships as a Rive file with the artboard Character and the mascotStateMachine state machine the SDK expects — drop one into <Mascot src> and it lip-syncs with no extra setup: 
import { MascotProvider } from "@mascotbot/react";
import { Mascot, MascotRive } from "@mascotbot/react/rive";

<MascotProvider apiKey="mascot_pub_…">
  <MascotProvider>
    <Mascot src="/cat.riv">
      <MascotRive />
    </Mascot>
  </MascotProvider>
</MascotProvider>
The SDK only animates the mouth, is_speaking, and stress — every other input on these files (gestures, expressions, scene state) stays yours to drive directly. New here? Start with the Quickstart, then the React SDK.