# Integration with Front-Ends

<mark style="color:$info;">Front-ends integrate Multiply by</mark> **adding a small set of UI components and interacting with Dimes' API surface**. **Front-ends never underwrite risk, and never participate in hedging**<mark style="color:$info;">; they route user intent and render Multiply's state updates.</mark>

<mark style="color:$info;">As the system evolves, new features, APIs, and simplified integration paths may be introduced. Front-ends will always interact with Multiply through a narrow, stable interface, but specific parameters: leverage availability, liquidation bands, supported markets, and state feeds, may change as we expand to additional venues and improve hedging infrastructure.</mark>

<mark style="color:$info;">All integration updates will be backward-compatible or accompanied by clear migration guidelines.</mark>

#### Front-End Requirements

<mark style="color:$info;">Front-ends display basic leveraged-position functionality:</mark>

* <mark style="color:$info;">market selection</mark>
* <mark style="color:$info;">direction (YES/NO)</mark>
* <mark style="color:$info;">leverage selection</mark>
* <mark style="color:$info;">position size input</mark>
* <mark style="color:$info;">required collateral</mark>
* <mark style="color:$info;">liquidation price and buffer</mark>
* <mark style="color:$info;">fees</mark>
* <mark style="color:$info;">live PnL and risk indicators</mark>
* <mark style="color:$info;">ability to close a position</mark>

#### **What Multiply Provides**

<mark style="color:$info;">Multiply provides:</mark>

* <mark style="color:$info;">quotes for opening/closing positions</mark>
* <mark style="color:$info;">execution and settlement of positions on underlying venues</mark>
* <mark style="color:$info;">real-time PnL and margin updates</mark>
* <mark style="color:$info;">leverage decay, liquidation triggers and events</mark>
* <mark style="color:$info;">clear error codes for unhedgeable or invalid requests</mark>