Astros
  • Astros - Dex Aggregator
    • πŸ™ŒIntroduction
    • πŸ’‘Contact Page
    • βš’οΈAstros UI SDK
      • ⭐Getting Started
      • πŸ…°οΈAggregator Components
    • 🧰Aggregator SDK
    • βš™οΈAggregator API
    • Cross-Chain Swaps SDK
      • πŸš€Quick Start
      • πŸͺœDive into
  • Astros - Perpetual
    • πŸ™ŒIntroduction
    • πŸ“šTutorial
      • Deposits and Withdrawals
      • Trading
    • πŸ“ˆPerpetual Trading
      • Funding
      • Margin
      • Index and Mark Price
      • Liquidation Process
      • Insurance Funds
      • ADL
      • Trading Fees
    • πŸ‘¬Referral
Powered by GitBook
On this page
  • Installation
  • Usage
  • Demo
  • 🌟 Features
  • πŸ›  Showcase Link
  • πŸš€ Get Started Today!
  1. Astros - Dex Aggregator
  2. Astros UI SDK

Getting Started

PreviousAstros UI SDKNextAggregator Components

Last updated 1 month ago

For developers looking to integrate Astros DEX Aggregator functionality into their applications, we offer an SDK available on GitHub: . 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 . Install it via npm:

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:

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.

🌟 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! πŸ’»βœ¨

βš’οΈ
⭐
https://web-component-demo.vercel.app/
Aggregator SDK
Astros UI SDK
GitHub - naviprotocol/web-component-demoGitHub
Demo for UI SD
Logo