Integrate intelligent web agents into your application. Let AI help your users navigate, search, extract data, fill forms, and automate repetitive tasks.
Users describe what they want in plain language. The AI understands and executes.
Extract structured data from any page. Prices, products, text, links, and more.
Fill forms, select options, check boxes, and submit - all automated.
Click buttons, follow links, scroll to elements, and navigate pages intelligently.
Compare products, prices, features. Get AI-powered recommendations.
Highlight elements, show progress, animate actions for better UX.
<script src="https://dynamicinterfaces.com/sdk/dynamicui-agent.js"></script>// Initialize the Agent SDK
DynamicUIAgent.init({
apiKey: 'sk_live_your_api_key_here',
debug: true,
language: 'en', // 'en' or 'es'
showVisualFeedback: true,
autoExecute: true
});Let AI analyze the page and execute actions based on natural language instructions.
// Execute a task with natural language
const result = await DynamicUIAgent.execute(
"Find all product prices and tell me which is the cheapest",
{
onProgress: (progress) => {
console.log(progress.status, progress.message);
},
onActionExecuted: (action) => {
console.log('Executed:', action.action.type);
},
onComplete: (result) => {
console.log('Recommendation:', result.recommendation);
console.log('Extracted Data:', result.extractedData);
}
}
);Extract structured data from page elements.
// Extract data from elements
const data = await DynamicUIAgent.extract({
selector: '.product-card',
fields: ['text', 'href', 'data-price'],
multiple: true
});
console.log('Found', data.count, 'products');
console.log(data.data);Automate form filling with visual feedback.
// Fill form fields
await DynamicUIAgent.fill('#email', 'user@example.com');
await DynamicUIAgent.fill('#password', 'securepassword');
await DynamicUIAgent.click('#submit-btn');Search for text on the page and highlight results.
// Find text on page
const results = await DynamicUIAgent.find('free shipping', true);
console.log('Found', results.found, 'matches');
// Wait for element to appear
await DynamicUIAgent.waitFor('.search-results', 5000);Display a floating AI assistant panel for users to interact with.
// Show the assistant panel
DynamicUIAgent.showAssistant();
// Hide it when done
DynamicUIAgent.hideAssistant();init(options)Initialize the SDK with your API key and optionsexecute(task, options)Execute a natural language task with AIextract(options)Extract data from page elementsfill(selector, value)Fill a form fieldclick(selector)Click an elementnavigate(url, newTab)Navigate to a URLscroll(options)Scroll to element or by amountfind(text, highlight)Find text on the pagewaitFor(selector, timeout)Wait for an element to appearshowAssistant()Show the floating assistant panelhideAssistant()Hide the assistant panelgetHistory()Get execution historygetCredits()Check remaining creditsPay only for what you use. No monthly fees.
per AI-generated UI component
per AI agent execution