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

# Widget

## Overview

The Chainspot Widget presents a user-friendly and effective solution for facilitating cross-chain swaps within your dApp. The widget's versatility allows you to customize it according to your precise needs and preferences. 

## How it look like

### Floating widget

<div><figure><img src="https://2874846156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDl9PIQunhIbtX5NHobUr%2Fuploads%2FojfqLRm5oMPnNnvaozh2%2FDemo-route.png?alt=media&amp;token=ac75807e-3806-4d85-b9e1-b50cf732d2ba" alt=""><figcaption></figcaption></figure> <figure><img src="https://2874846156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDl9PIQunhIbtX5NHobUr%2Fuploads%2F5HWmOi3c8R9bpK4eQosD%2FDemo.png?alt=media&amp;token=8cdba44d-9ed1-4105-97f9-baaf1fb0f79c" alt=""><figcaption></figcaption></figure></div>

### Horizontal widget

<div><figure><img src="https://2874846156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDl9PIQunhIbtX5NHobUr%2Fuploads%2FRBesbyZaAyl8r530bYYk%2Fhotizontal%20widget-demo-route.png?alt=media&amp;token=89418fa6-6873-44ac-8cc2-5d56dedd20d7" alt=""><figcaption></figcaption></figure> <figure><img src="https://2874846156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDl9PIQunhIbtX5NHobUr%2Fuploads%2FyMLxyBSHmGOEyDyN5xfS%2Fhotizontal%20widget-demo.png?alt=media&amp;token=8ea9d260-b825-4876-ab33-d339ba7aeffd" alt=""><figcaption></figcaption></figure></div>