# @swing.xyz/ui
Embedable UI component to enable cross-chain bridging & swaps on any website!
## Installation
Install using your favorite package manager.
```bash
yarn add @swing.xyz/ui
# OR
npm i @swing.xyz/ui
```
## Guides
Check out our [developer documentation](https://developers.swing.xyz/reference/widget) for the latest guides and reference docs!
## Usage
### Swaps
```tsx
import { Swap } from '@swing.xyz/ui';
export default function App() {
return ;
}
```
### Staking
```tsx
import { Stake } from '@swing.xyz/ui';
export default function App() {
return ;
}
```
### Withdrawal
```tsx
import { Withdraw } from '@swing.xyz/ui';
export default function App() {
return ;
}
```
### Gas Refill
```tsx
import { Gas } from '@swing.xyz/ui';
export default function App() {
return ;
}
```