Trading app UI for React
Markets on your feed: the terminal, a screener and the portfolio. 3 live React screens in working order, each in nine looks, installed by your coding agent.
Screens
- Trading terminal: A perpetuals terminal on your feed and your account: ticker tape, market header with funding, candles, book / trades / depth, order ticket, account…
- Market screener: The whole market at a glance and a way to narrow it down: a sector heatmap, today's top movers with the market's breadth, ready-made screens (gainers…
- Portfolio overview: What an account holds and how it is doing: the total that rolls as prices tick with today's change, value over time against a benchmark, allocation by…
The parts they're built from
- Bottom sheet (free): in 3 of these screens
- Button (free): in 3 of these screens
- Checkbox (free): in 3 of these screens
- Chip group (free): in 3 of these screens
- Dropdown menu (free): in 3 of these screens
- Empty state (free): in 3 of these screens
- Glow (free): in 3 of these screens
- Kbd (free): in 3 of these screens
- Label (free): in 3 of these screens
- Pagination (free): in 3 of these screens
- Popover (free): in 3 of these screens
- Search field (free): in 3 of these screens
- Segmented control (free): in 3 of these screens
- Select (free): in 3 of these screens
- Skeleton (free): in 3 of these screens
- Spinner (free): in 3 of these screens
- Text morph (free): in 3 of these screens
- Tooltip (free): in 3 of these screens
- Context menu (free): in 2 of these screens
- Data grid: in 2 of these screens
- Slot text (free): in 2 of these screens
- Sparkline: in 2 of these screens
- Table (free): in 2 of these screens
- Badge (free): in 1 of these screens
- Bezel (free): in 1 of these screens
- Category bar: in 1 of these screens
- Depth chart: in 1 of these screens
- Funding countdown: in 1 of these screens
- Line chart: in 1 of these screens
- Market heatmap: in 1 of these screens
Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
Next: SaaS admin. Other apps: AI workspace · SaaS admin · Clinic · Shop · Inventory · CMS & media · Construction · Events & bookings · Salon & fitness · Hotel & restaurant · HR & payroll · Manufacturing · Government & legal · Education · Research & design
Part of Beamline UI: polished, editable React components and complete screens for custom applications. Build your own style from any look; tokens, fonts, radii, motion; not only colours.