--- title: "Examples and demos | Micdrop" description: "Every example app and demo of Micdrop, what each one shows, and the command that runs it." url: "https://micdrop.dev/docs/examples" --- * [Getting Started](/docs/getting-started) * [Examples and demos](/docs/examples) * [Client (Browser)](/docs/client) * [Installation](/docs/client/installation) * [React Hooks](/docs/client/react-hooks) * [Start/Stop Call](/docs/client/start-stop-call) * [Pause/Resume Call](/docs/client/pause-resume-call) * [Mute/Unmute Call](/docs/client/mute-unmute-call) * [Call State](/docs/client/call-state) * [Display Conversation Messages](/docs/client/display-conversation-messages) * [Handling Tool Calls](/docs/client/handling-tool-calls) * [Device Management](/docs/client/devices-management) * [Voice Activity Detection (VAD)](/docs/client/vad) * [Turn Detection](/docs/client/turn-detection) * [Reducing Latency](/docs/client/latency) * [Error Handling](/docs/client/error-handling) * Utility Classes * [Mic](/docs/client/utility-classes/mic) * [MicdropClient](/docs/client/utility-classes/micdrop-client) * [MicRecorder](/docs/client/utility-classes/mic-recorder) * [Speaker](/docs/client/utility-classes/speaker) * [Client (React Native)](/docs/react-native) * [Installation](/docs/react-native/installation) * [Hooks and Call State](/docs/react-native/hooks) * [Audio Output and Devices](/docs/react-native/audio-output) * [Voice Activity Detection (VAD)](/docs/react-native/vad) * [Turn Detection](/docs/react-native/turn-detection) * [Using Another Audio Library](/docs/react-native/custom-audio) * [Server (Node.js)](/docs/server) * [Installation](/docs/server/installation) * [With Fastify](/docs/server/with-fastify) * [With NestJS](/docs/server/with-nestjs) * [Auth and Parameters](/docs/server/auth-and-parameters) * [First Message](/docs/server/first-message) * [Dictation and Text-Only Calls](/docs/server/dictation) * [Realtime Models](/docs/server/realtime) * [Partial Messages](/docs/server/partial-messages) * [Save Messages](/docs/server/save-messages) * [Resume a Conversation](/docs/server/resume-conversation) * [Recording Audio](/docs/server/recording-audio) * [Error Handling](/docs/server/error-handling) * [Tools](/docs/server/tools) * [Extract Value from Answer](/docs/server/extract) * [Classifier](/docs/server/classifier) * [Auto End Call](/docs/server/auto-end-call) * [Semantic Turn Detection](/docs/server/semantic-turn-detection) * [Noise Filtering](/docs/server/noise-filtering) * [Micdrop Protocol](/docs/server/protocol) * [AI Integrations](/docs/ai-integration) * Provided Integrations * [AI SDK](/docs/ai-integration/provided-integrations/ai-sdk) * [Cartesia](/docs/ai-integration/provided-integrations/cartesia) * [ElevenLabs](/docs/ai-integration/provided-integrations/elevenlabs) * [Gemini](/docs/ai-integration/provided-integrations/gemini) * [Gladia](/docs/ai-integration/provided-integrations/gladia) * [Gradium](/docs/ai-integration/provided-integrations/gradium) * [Kokoro](/docs/ai-integration/provided-integrations/kokoro) * [Mistral](/docs/ai-integration/provided-integrations/mistral) * [OpenAI](/docs/ai-integration/provided-integrations/openai) * [Piper](/docs/ai-integration/provided-integrations/piper) * [Pocket TTS](/docs/ai-integration/provided-integrations/pocket-tts) * [Qwen3-TTS](/docs/ai-integration/provided-integrations/qwen-tts) * [TypeSafe](/docs/ai-integration/provided-integrations/typesafe) * [Whisper](/docs/ai-integration/provided-integrations/whisper) * Custom Integrations * [Agent (LLM)](/docs/ai-integration/custom-integrations/custom-agent) * [Speech-to-Text (STT)](/docs/ai-integration/custom-integrations/custom-stt) * [Text-to-Speech (TTS)](/docs/ai-integration/custom-integrations/custom-tts) * [Classifier](/docs/ai-integration/custom-integrations/custom-classifier) * Fallback Strategies * [FallbackAgent](/docs/ai-integration/fallback-strategies/agent-fallback) * [FallbackSTT](/docs/ai-integration/fallback-strategies/stt-fallback) * [FallbackTTS](/docs/ai-integration/fallback-strategies/tts-fallback) * [Local Models](/docs/ai-integration/local-models) * [Local LLM](/docs/ai-integration/local-models/agent) * [Local STT](/docs/ai-integration/local-models/speech-to-text) * [Local TTS](/docs/ai-integration/local-models/text-to-speech) * [Latency and Memory](/docs/ai-integration/local-models/performance) * [Explorations](/docs/ai-integration/local-models/explorations) * [MiniCPM5-2B](/docs/ai-integration/local-models/explorations/minicpm) * [Mistral 7B](/docs/ai-integration/local-models/explorations/mistral-7b) * [Voxtral Mini 3B](/docs/ai-integration/local-models/explorations/voxtral-stt) * [Voxtral TTS 4B](/docs/ai-integration/local-models/explorations/voxtral-tts) * [AuK and AuK-Flash](/docs/ai-integration/local-models/explorations/auk) * [IA Vocale Souveraine 🇫🇷🇪🇺](/docs/ai-integration/sovereign-voice-ai) * [Migration](/docs/migration) * [Upgrade to v3](/docs/migration/v3) [Micdrop](/) › [Documentation](/docs/getting-started) # Examples and demos Every example lives in the [examples folder](https://github.com/Godefroy/micdrop/tree/main/examples) of the repository, with a README that tells what it needs and where it runs. Clone the repository, run `pnpm install` at its root, copy the `.env.example` of the example to `.env` with your API keys, then run its command from the root. ## Start here * The [basic example](https://github.com/Godefroy/micdrop/tree/main/examples/basic) (`pnpm dev:basic`) is the shortest way to hear Micdrop work: one button, one WebSocket server, and OpenAI for the agent, the transcription and the voice. Around 150 lines to read. * The [dictation example](https://github.com/Godefroy/micdrop/tree/main/examples/dictation) (`pnpm dev:dictation`) is a call with ears only. With no agent and no voice, it fills a text area as you speak, in the language picked on the page, and shows how a call parameter reaches the server. * The [advanced example](https://github.com/Godefroy/micdrop/tree/main/examples/advanced) (`pnpm dev:advanced`) puts a React client and a Fastify server in one folder, with every provider wired in and picked from the browser. ## Mobile * The [React Native example](https://github.com/Godefroy/micdrop/tree/main/examples/react-native) (`pnpm dev:react-native`) is a voice call on iOS and Android: an Expo app with the conversation, level meters and call controls, and the Node server it talks to. ## Demos * The [world demo](https://github.com/Godefroy/micdrop/tree/main/examples/demo-world) (`pnpm dev:world`) is an immersive 3D scene, where a newborn planet talks to you and reshapes itself as the conversation goes. * The [form demo](https://github.com/Godefroy/micdrop-form-demo), in its own repository, fills a form by voice with OpenAI and tool calling. ## Classifier demos These demos run on [Jev](/docs/ai-integration/provided-integrations/typesafe), TypeSafe’s System One model, through the [classifier](/docs/server/classifier) of the server. Each one needs an OpenAI key and a TypeSafe key. * The [support demo](https://github.com/Godefroy/micdrop/tree/main/examples/demo-support) (`pnpm dev:support`) is the support line of an internet provider. Jev answers six questions about each turn of the caller, shown on the page, and each answer is routed from them: a manipulation attempt is blocked before the LLM, an angry customer or one asking for a human is transferred, a known outage is answered by code, and a customer about to leave gets an LLM answer with a retention hint. * The [slides demo](https://github.com/Godefroy/micdrop/tree/main/examples/demo-slides) (`pnpm dev:slides`) builds a deck by voice. Its questions are built from the deck on screen, which Jev reads in its state. The page lays out the slides Jev read a few seconds before the LLM fills them, and the LLM follows the plan Jev gave it. * The [robot demo](https://github.com/Godefroy/micdrop/tree/main/examples/demo-robot) (`pnpm dev:robot`) runs with no agent and no voice. Jev turns each turn into commands, and the browser plays them out. * The [twenty questions demo](https://github.com/Godefroy/micdrop/tree/main/examples/demo-twenty-questions) (`pnpm dev:twenty-questions`) runs with no agent and no voice either. Jev answers each question about a secret it reads in its state, and its probability of a yes gives “yes”, “probably”, “I don’t know”, “probably not” or “no”. The server writes the answers with `addAssistantMessage()`, so Jev reads the last one in `history`. [Previous← Getting Started](/docs/getting-started)[NextClient (Browser) →](/docs/client) On this page * [Start here](#start-here) * [Mobile](#mobile) * [Demos](#demos) * [Classifier demos](#classifier-demos)