> For the complete documentation index, see [llms.txt](https://docs.swapkit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.swapkit.dev/swapkit-widget.md).

# SwapKit Widget

- [Introduction](https://docs.swapkit.dev/swapkit-widget/introduction.md): A drop-in, non-custodial cross-chain swap interface for your site. The widget  handles wallets, quoting, approvals, and execution so you don't have to.
- [Creating your widget keys](https://docs.swapkit.dev/swapkit-widget/creating-your-widget-keys.md): Register your domain in the dashboard to get the Widget ID and Signing Secret your widget uses to authenticate.
- [Widget Studio](https://docs.swapkit.dev/swapkit-widget/widget-studio.md): Use our Widget Studio to configure SwapKit's Widget
- [Integrating SwapKit's Widget](https://docs.swapkit.dev/swapkit-widget/integrating-swapkits-widget.md): Add the widget to your site as a web component on any HTML page, or as a React component in a React or Next.js app.
- [Configuring in code](https://docs.swapkit.dev/swapkit-widget/configuring-in-code.md): Configure the widget directly in code: every web component attribute and React prop, and how to update them at runtime to adapt to the user or the page.