> ## Documentation Index > Fetch the complete documentation index at: https://docs.actionx.top/llms.txt > Use this file to discover all available pages before exploring further. # Detailed Universal SDK guide > Universal SDK usage guidance for framework-agnostic, vanilla JavaScript, and multi-framework setups. If your project does not follow the React or Vue examples exactly, or if you want to wrap the SDK yourself, this page is a better fit. ```mermaid theme={null} flowchart LR init["Initialize AdManager"] --> request["requestAds"] request --> render["render(ad-container)"] render --> wrap["Wrap into your own framework layer"] ``` ## Minimal initialization ```javascript theme={null} import { AdManager } from "@action-x/ad-sdk"; import "@action-x/ad-sdk/style.css"; const manager = new AdManager({ apiBaseUrl: "https://network.actionx.top/api/v1", apiKey: "ak_your_api_key", }); ``` ## Request and render ```javascript theme={null} await manager.requestAds({ query: "User query", response: "Assistant response", }); manager.render(document.getElementById("ad-container")); ``` ## Vanilla JavaScript example ```html theme={null} ``` ## Best-fit scenarios * You want to validate results with the least amount of code first * You already have your own frontend abstraction layer and do not want to copy framework examples directly * You need one simple integration pattern shared across multiple frontend projects