> For the complete documentation index, see [llms.txt](https://naviprotocol.gitbook.io/astros/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://naviprotocol.gitbook.io/astros/astros-dex-aggregator/images-and-media/getting-started.md).
# Getting Started
For developers looking to integrate Astros DEX Aggregator functionality into their applications, we offer an SDK available on GitHub: [Aggregator SDK](https://github.com/naviprotocol/navi-sdk). This SDK provides easy-to-use tools and resources to enable seamless access to Astrosโs aggregation features.
### Installation
Start an easy integration of react project with [Astros UI SDK](https://github.com/naviprotocol/navi-web-component) . Install it via npm:
```sh
npm i navi-web-component
```
## Usage
Import the `SwapPanelClient`, a client-side interface for managing the `SwapPanel` web component, designed for token swap functionality in browser environments:
```typescript
import { SwapPanelClient } from 'navi-web-component'
```
## Demo
This demo leverages **Next.js**, a modern framework for building fast, scalable web applications. Whether you're a developer looking to explore Astros's features or integrate them into your app, this is the perfect starting point.
{% embed url="" %}
Demo for UI SD
{% endembed %}
### ๐ Features
**Seamless Setup**: Get started with minimal configuration.
**Live Preview**: Auto-updating UI for instant feedback during development.
**Customizable Components**: Integrate the Astros UI SDK and tailor it to match your app's branding.
**API Exploration**: Experiment with pre-configured API routes for dynamic interactions
### ๐ Showcase Link
### ๐ Get Started Today!
Ready to dive in? Clone the repo, start the dev server, and bring the power of **Astros UI SDK** into your project in minutes. Happy coding! ๐ปโจ