Dark, data-dense React components for high-stakes decision surfaces: trading books, screeners, clinical dashboards. Hand-drawn SVG charts, no chart runtime.
Settings rows with icon tiles, one-line hints, and a chevron that walks in on hover.
Scrub chart with a magnet crosshair, price and time badges on the axes, a hero number that recolours off the reference price, a wash under the pointer and timeframe pills.
Analyst targets: history draws to now, dashed projections fan to High / Mean / Low, the nearest projection owns the pointer and the hot one draws solid, with a scrub card and a live ring on the now dot.
Shared cutout project card with blurred-gradient media and a liquid-metal hover ring.
Bare project rows where the cover only exists while you hover, floating beside the cursor.
Focus + context price history — a detail chart over a mini-map you drag to pan and pull to zoom, with a hover crosshair reading price and date.
Analyst-ratings pentagon with hairline rings and one green wedge toward the dominant rating.
API log rows with status pills that unfold their response body inline.
Monthly-returns heat grid: years by months diverging up/down by magnitude, a compounded year column, a gliding tooltip that dims everything unrelated, a year replay on hover, and click-to-span compounding by months or whole years.
A fund-flow diagram where income pools in one hub and fans out into uses, node and ribbon thickness standing for amount. Flow is conserved through the middle, so every outbound strand carries its source's hue across.
Stacked screens where the front card arcs to the back on a timer or click.
Allocation ring with legend cross-highlight — hovering isolates one weight at a time.
Hairline pill whose thumb glides between options with a shared-layout spring.
Collapsible accordion sidebar with icon'd sections, an active rail, and socials.
The compact asset-price card: one line, one number that scrubs under the pointer, and a signed-percent tag the line is de-trended to agree with.
Moving-average chart — price line with fast/slow SMA overlays, crosshair scrubbing with a three-series tooltip, and a signed change chip.
A token landing on the same structure: hero with a brand marquee, a three-card product explainer, a backers marquee and a use-modes grid. Everything structural is shared with the Tradeboard page, so the two stay one system.
Composed trade card. A flip button on the seam really swaps the cards, a token-select overlay covers the ticket, and the CTA label is the validation state.
A finance tape gliding through a hairline rail on a seamless loop; hovering holds it still, moves read green up and red down.
The screener take on discovery: a dense sortable board where the row is the unit and the filters carry the state.
A trade log where the open position is lit from its spine and every closed one settles into a win or loss pill; heads sort, the range thumb slides, net P&L carries its fee formula.
Live time and sales: prints stream in side-coloured and sized by a magnitude bar, block trades tint the row, and hovering pauses the tape.
A product landing built on one rule: one ground, one subject, one accent. Giant display headline, the product UI as the hero image, then metric cards, a bento container grid and a three-step band.
An exchange terminal on one ruled workspace: candle chart under an interval bar, book or tape as tabs, ticket and account on the right, and a full-width positions register at the fold.