> For the complete documentation index, see [llms.txt](https://docs.hydromancer.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hydromancer.xyz/readme/builder-guides/trading-frontend.md).

# Trading frontend

Add market analytics, liquidations, positions and builder data to your trading frontend.

If you are building a trading frontend, here are a few things where Hydromancer tech stack can make your user experience much better.

#### Showing advanced data analytics for each market

You can use an add-on endpoint [perpSnapshots](/readme/rest-api/market-data/perpsnapshot.md)or [spotSnapshots](/readme/rest-api/market-data/spotsnapshot.md)to be able to get entire positioning of all users on Hyperliquid through a single connection. From there, you'd be able to show your users:

* biggest spot holders of a certain coin
* biggest longs/shorts
* change in perp positioning in the last hour

You can also easily embed [liquidationFills](/readme/websocket/trades-data/liquidationfills.md)to your trading frontend to give your users an easy way to track liquidations currently happening on Hyperliquid.

#### Smart wallet tracking

You can show your users the positioning of multiple other wallets using [batchClearinghouseStates](/readme/rest-api/user-position-data/batchclearinghousestates.md).\
Besides, if your users are tracking certain wallets, you can show them their fills by calling [userFills](/readme/rest-api/historical-data/userfills.md).

#### Multiple charts and extra timeframes

If you are building a pro-tail interface, your users might benefit from advanced, custom timeframes and multiple charts on one screen. Hydromancer adds 1s, 15s and 30s candles, which Hyperliquid doesn’t offer, alongside every standard interval up to 1M. Each request or stream covers one coin, so load one per chart. To chart every market at one interval, use [allCandles](/readme/websocket/candles/allcandles.md) (needs a permission).

#### Enhanced order types

Hydromancer's APIs can support new order types, such as trailing stops or conditional orders.

For conditional orders that require frequent refresh of user positions, use [batchClearinghouseStates](/readme/rest-api/user-position-data/batchclearinghousestates.md)to get the positions of your users.

For conditional orders depending on mark or mid price of any asset, you can use [assetContext](/readme/rest-api/asset-data/assetcontext.md).

***

Hydromancer also offers features that save development time and simplify product management.

#### Tracking your users' fills data

You can use [builderFills](/readme/rest-api/historical-data/builderfills.md) websocket or [builderFillsByTime](/readme/rest-api/historical-data/builderfillsbytime.md)REST API to get fills linked to your builder code. This is extremely useful to be able to track what your users are doing currently and how much revenue are you getting.\
The alternative method - getting lz4 files from Hyperliquid which attribute fills to you builder code, has a 1-3 day delay.

#### Tracking your users' order updates

Use [userOrderUpdates](/readme/websocket/user-data/userorderupdates.md)websocket to subscribe to all your user and get the orders and order updates of your users through a single connection.
