
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
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>
);
}
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);
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