Ponder here
Ponder Logo

Ponder

Voice-Powered User Assistance

Ponder lets users talk with your web-application just like they would with a human

In one line of code, add ultra-realistic voice assistants that can interact with your UI and assist users in getting things done

How Ponder Works

1

Add PonderProvider

Wrap your code in PonderProvider in your _app.js or equivalent file.

import { PonderProvider } from "@ponderai/react";

function App() {
  return (
    <PonderProvider
      assistantId="my‑assistant‑id"
      host="https://api.useponder.ai"   // or your self‑hosted server
    >
      <YourRoutes />
    </PonderProvider>
  );
}
2

Set Actions on any page

use the usePonder hook to set functions that Ponder can execute based on what the user says

const ponderActions = [

    {
      name: "changeRotation",
      description: "Change the rotation of the image",
      arguments: [{ type: "number", name: "rotation", description: "The new rotation of the image in degrees", required: true }],
      function: changeRotation
    },
    {
      name: "changePrompt",
      description: "Change the image generation prompt",
      arguments: [{ type: "string", name: "prompt", description: "The new prompt to generate image", required: true }],
      function: changePrompt
    },
    {
      name: "goToHomePage",
      description: "Navigate the user to the home page",
      arguments: [],
      function: goToHomePage
    },
    {
      name: "changeGrayScale",
      description: "Change if the image should be grayscale or not",
      arguments: [{ type: "boolean", name: "isGrayscale", description: "Whether to apply grayscale", required: true }],
      function: changeGrayScale
    },
  ]

ponder = usePonder();
ponder.updateInstructions("On this page you are showing a demo of an image generation tool. Be helpful and concise.");  
ponder.updateActions(ponderActions);
3

That's it!

Now your users will be able to have conversations with your application by pressing the Ponder button on the bottom right corner of the screen.

Checkout the Docs for how to customize voice, nature, tone and more!

Why should I use this?

Traditionally, setting up a voice assistant meant wrestling with async websockets, voice activity detection, audio streaming and interruption handling, integrating with language models, handling function calling on the frontend, keeping the voice realistic and contextual, and somehow getting the latency down to 400-500ms.

Ponder takes away all that pain—so you can focus on building great user experiences, not maintaining complex infrastructure.

Umm.. but why?

Fast user onboarding

Let new users simply ask for help instead of hunting through menus and docs

Understand what users want

Ponder’s built‑in analytics cluster requests by topic and sentiment, surfacing the features users really need

Delight your users

Realistic voice AI feels magical, and is clearly the future of UX. Give people a hands‑free, conversational way to drive your app and increase retention