Shortcut Labs: The Widget
The Easiest Way to Add Deposits & Swaps to Any UI
Forget the clutter, let’s get straight to building. In this second episode of the Shortcut Labs Series, we’re introducing something you can plug into your app right now to drive real value: the Enso Widget. A plug-and-play, configurable React component that lets your users swap and deposit tokens without leaving your UI.
At the heart of it is Zap-In, an engine that captures TVL by making deposits frictionless. It allows users to deposit into your vault, pool, or staking contract from any token, automatically finding the best conversion path and ratio. By bundling multiple transactions into a single click, Zap-In removes entry barriers, calculates the necessary swap amounts, and eliminates the need for users to visit external interfaces.
Protocols like YieldFi and Royco/Boyco are already using it to optimize the user experience on their app. Now, it’s your turn.
What is the Enso Widget?
The Enso Widget is a React-based UI component that handles deposits, swaps, and staking—all in one place. Instead of building and maintaining a custom execution layer, projects can simply embed the widget into their UI and let it handle:
Key Features
- Swap Any-to-Any Tokens – Execute any type of token swaps.
- Zap-In, Deposit, and Stake – No extra steps for users.
- Token Details & Analytics – Display balances, USD values, slippage, and more.
- Composable DeFi Operations – Built with Enso API for multi-step transactions.
- Minimal Setup – No custom smart contracts. No backend work.
The widget automates transaction execution, reduces friction and makes Web3 more accessible for users.
How It Works
1. Install via npm
The widget is available as a npm module. Developers can install it with a single command and plug it directly into their UI.
2. Specify an API key and configure the widget
Once installed, projects need to configure their API key. This allows the widget to communicate with Enso’s backend and execute transactions securely.
3. Define the chain & token parameters
Each project can customize the widget to fit its needs, whether swapping ETH for yUSD or moving liquidity into a yield vault. Developers define the tokens, select the chain, and configure routing settings based on liquidity needs.
4. Deploy your app
Once deployed, Enso automates the entire execution flow. Users click once, and the widget approves tokens, routes the swap or deposit, and confirms the transaction all in a single step. No manual swapping, staking, and depositing. Just easy, one-click execution.
It’s fully customizable, supports wagmi-based authentication (Privy, RainbowKit, etc.), and can even be installed standalone.
Real Use Cases
Yield.fi: Streamlining Deposits
Yield.fi wanted a frictionless way for users to swap into yUSD. Instead of building a custom deposit module, they embedded the widget, allowing users to:
- Swap in one click
- Skip manual approval steps
- Get started faster without leaving the app
By integrating the widget, Yield.fi enhances user experience without needing a dedicated dev team to build transaction flows.
Royco/Boyco: Liquidity on Berachain
Royco integrated the Enso Widget to allow swapping into the required deposit asset for the Boyco pre-launch event on Berachain.
Without the widget, users had to leave the interface, find a DEX to swap into the required token, execute the swap, and return to the Boyco UI. With Enso’s widget, all these steps could be taken in one go right on the interface.
The result? Higher conversion rates and less user drop-off.
Why Use the Enso Widget?
For developers, the widget eliminates execution complexity. Instead of writing, testing, and maintaining swap/deposit logic, you get a ready-made solution that:
1. Automates Execution
No approvals, no manual swaps, no extra steps. One deposit, one transaction. Enso handles everything.
2. Works Across Chains
Configurable for any chain, token, or protocol.
3. Saves Dev Time
No smart contract headaches. Plug it in and focus on building.
4. Boosts Conversions
Users stay in your app, deposits flow smoothly, and TVL grows. Friction kills growth, and Enso fixes that.
Add It to Your App Today
Skip the complexity of custom integrations. Just drop in the Enso Widget and let it handle execution for you.
Try it here: Enso Widget
Implement it here: GitHub
Need help? Reach out to us. We're happy to support teams integrating the widget into your UI!