> ## Documentation Index
> Fetch the complete documentation index at: https://docs.enso.build/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Ready-to-use components and applications that leverage Enso's APIs for immediate integration into your frontend.

export const date_0 = "2025-09-23"

<CardGroup cols={3}>
  <Card title="Enso Checkout" icon="ticket" href="/pages/templates/checkout-widget">
    Seamless cryptocurrency deposits with wallet and exchange integration
  </Card>

  <Card title="Crosschain Route Widget" icon="swap" href="/pages/templates/cross-chain-route-widget">
    Crosschain position routing feature to your app.
  </Card>

  <Card title="Uniswap Migrator" icon="unicorn" href="/pages/templates/uniswap-migrator">
    Migration of base tokens and DeFi positions from Uniswap V3 to V4 across leading chains.
  </Card>
</CardGroup>

<CardGroup cols={4}>
  <Card title="Enso DeFi Navigator" icon="compass" href="/pages/templates/navigator">
    A UI to navigate projects, protocols, and positions in the Enso ecosystem, always up-to-date with live integrations.
  </Card>

  <Card title="Yield Migrator" icon="arrow-right-arrow-left" href="/pages/templates/yield-migrator">
    Helps users migrate between yield-bearing positions to optimize returns across protocols.
  </Card>

  <Card title="Feeling Lucky" icon="dice" href="/pages/templates/feeling-lucky">
    Lets users "ape" into random tokens from selected sectors with optimal routing.
  </Card>
</CardGroup>

## Why Use Enso Widgets

* **Zero Integration Effort**: Drop-in components with minimal configuration
* **Full DeFi Functionality**: Access to complex DeFi operations through simple UI
* **Pre-built User Experiences**: Tested interfaces for common DeFi actions
* **Customizable Themes**: Adapt to your application's design system

## Quick Implementation

All widgets require just a few lines of code to implement:

```jsx theme={null}
// Example: Route Widget implementation
import SwapWidget from '@ensofinance/shortcuts-widget';

function App() {
  return <SwapWidget apiKey="YOUR_API_KEY" />;
}
```

## Try Before You Integrate

Test any widget functionality with our live demos to see how they work before adding them to your application.

## Get Started

1. Choose a widget that fits your use case
2. Get your [Enso API key](https://developers.enso.build)
3. Install the package and add the component to your application
4. Customize appearance and behavior as needed

Each widget documentation page includes detailed implementation examples and configuration options.

<div className="text-right text-xs gray-200 font-semibold w-full" style={{marginTop: '0'}}>
  <p style={{
        color: "#b2b2b2"  
    }}>Updated {date_0}</p>
</div>
