Crypto Exchange
Exchange UI: market list, candlestick chart, order panel, portfolio breakdown.
Install
npx shadcn@latest add "https://webberui.com/r/crypto-exchange-app.json?t=<install token>"The whole page lands in app/templates/crypto-exchange-app/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero
A price ticker, nav bar and hero headline that set out the TIDEX exchange positioning and its headline volume figures.
hero - 2
Live Market List
Latest price, 24h change, volume and a sparkline for six major coins, gathered into one market table.
content - 3
Pro Trading Terminal
A desktop-grade in-browser trading interface combining the candlestick chart, order book and buy/sell order panel.
product - 4
Portfolio Breakdown
A donut chart and itemised list showing position weightings, total portfolio value and the week's change.
stats - 5
Security and Infrastructure
Four lines of defence on cards: cold-wallet reserves, microsecond matching, multi-node failover and withdrawal allowlists.
features - 6
Closing Call to Action
A closing block themed on calling the next candle yourself, pointing visitors to free registration and a trading-fee discount.
cta - 7
Footer
Brand details, product, support and compliance links, social entry points and a crypto risk disclosure.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →