Ponder Logo

Ponder

Add Voice to your UX in a single line of code

Ponder lets users talk with your 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!

Umm.. but why?

Fast user onboarding

Let brand‑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