Liquidity Pool Web3 Block for Radix UI

A narrower range puts the same money to work over fewer prices, so it earns a larger share of the fees while the price is inside it and nothing once the price leaves. The panel draws that as solid bars against faded ones and says In range or Out of range in words, so the state never relies on a shade alone.

Capital efficiency is 1 divided by 1 minus the fourth root of the minimum price over the maximum price. Your share of the working liquidity is your amount times that factor over the pool's active liquidity plus the same, and the fees a day are that share of a typed daily volume times a 0.30% fee tier, zero when the current price is outside the range. These are the standard concentrated liquidity shapes on sample numbers.

Everything. Add and Remove change the positions list and the wallet figure in the page's state and nothing is sent to a chain. In your app read the pool's liquidity by price tick from your indexer, the user's positions from the position manager contract, and send mint and burn calls as signed transactions after a confirmation step.

The demo holds four positions at most and a wallet of 10,000 USD, so a fifth add or an add with an empty wallet is answered in the status line instead of being ignored. Remove takes a share of the position you picked in the list and leaves a position at zero value rather than deleting the row.

Yes. Each thumb moves in steps with the arrow keys, Home and End, the thumbs keep a gap so they can't cross, and each says Minimum price or Maximum price with its value. The positions are a radio list you move through with the arrow keys.

The histogram and slider come first, then the side cell with the readings and toggles, then the positions, and the Add or Remove button is pinned to the bottom of the panel.