/* Custom font declarations */
@font-face {
  font-family: "Rawlinson";
  src: url("https://app.mascot.bot/fonts/RawlinsonCond.woff2") format("woff2"),
    url("https://app.mascot.bot/fonts/RawlinsonCond.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Custom heading style for main title */
.mascotbot-heading {
  font-family: "Rawlinson", sans-serif;
} 

.mint-block {
    display: block
}
.mint-hidden {
    display: none
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}

Getting Started with Mascotbot

Mascotbot delivers a private, cloud-based ML API for lightning-fast, real-time lipsync aligned with speech, React and React Native SDK for display and control. We use Rive for character animation, ensuring top performance across browsers and mobile devices

Introduction

Mascotbot Documentation

Create engaging AI mascots with advanced lip-sync technology. Build interactive experiences for your applications.

Below is a selection of pre-made mascots available to all subscribers. Feel free to use them for testing, early integration, or commercial projects while we craft your custom mascot. Each one offers unique personality traits, different visual styles, and multiple potential use cases.

Ready-to-Use Mascots

Meet Our Ready-to-Use Mascots: A Quick Start Guide

Viseme Prediction API for facial animation and speech synthesis

API Reference

Takes base64 encoded audio and streams viseme (mouth shapes) predictions using Server-Sent Events (SSE).
Requires valid API key.


Process Audio for Visemes

Converts text to speech using various TTS engines and generates synchronized viseme data for facial animation.
Returns real-time streaming data via Server-Sent Events (SSE) for low-latency playback.

Supports multiple TTS engines:
- **mascotbot** (default): Built-in TTS engine
- **elevenlabs**: High-quality TTS with custom voices  
- **cartesia**: Alternative TTS provider

The response streams both audio chunks (base64-encoded PCM) and viseme timing data.


Generate Speech and Visemes

Learn how to connect any TTS to our lipsync API for animating mascots.

Integrating TTS & Lipsync

Integrating Lipsync API with Any TTS for Mascot Animation

Learn how to install and use the Mascotbot SDK with React.

SDK Introduction

Mascotbot React SDK Documentation

Mascot Call

Troubleshooting

Mascotbot React SDK Troubleshooting

Learn how to install and use the Mascotbot SDK with React Native.

API Documentation

Endpoints

Integration Examples

Introduction

Getting Started with Mascotbot

React SDK

React Native SDK

Lipsync API

API Documentation

Endpoints

Integration Examples

​Getting Started with Mascotbot

React SDK

React Native SDK

Lipsync API

Getting Started with Mascotbot