Dark, data-dense React components for high-stakes decision surfaces: trading books, screeners, clinical dashboards. Hand-drawn SVG charts, no chart runtime.
Expanding accordion rows — each reveals its body, a checklist, and a visual.
Collapsed notification deck that fans open on hover; each dismiss re-settles the pile.
Money-formatting family — Fiat, Crypto and Percent agree on symbol placement, precision, abbreviation and sign colouring.
Two-series factor radar — subject filled against a dashed peer outline, a hovered spoke reading both values, and a legend that mutes a series.
An extruded solid that turns with the cursor and is redrawn as characters on a grid. The lighting is graded for the ramp, so the face lands mid-scale instead of saturating to one glyph.
Overlapping gradient-orb coins with a surface ring. Hovering lifts and names a coin, and the overflow count floats the hidden names without widening the stack.
Draggable bento grid of media that expands into a shared lightbox modal with a floating dock switcher.
Chrome / Safari mock window frame for screenshots and embeds.
Responsive grid of project cards with hover-reveal actions and a shared details modal.
Vertical list of horizontal project cards with media, copy, and a shared details modal.
Draggable stacked-card carousel — swipe or drag the top card, click to expand into a details modal with a floating dock.
A cover rail you throw with a finger — the centre card faces you square, neighbours rake away and sink back, and a flick carries at most two cards before it settles.
Dual-denomination amount field. Type in fiat or units, the toggle carries the value through the rate, and the headline steps down a size tier as it grows.
Media card with a scooped-out content tray (concave corners), hover-reveal action button, and gradient overlay.
(No description)
(No description)
A dotted field, a hairline icon chip, one line of ink and one quiet action.
A streaming order-fills table: new fills slide in at the top as working, then resolve in place to filled or rejected; hover a row for venue, order id and fee; pausable.
(No description)
Segmented icon switcher with a sliding gradient selection pill driven by a shared layout animation.
Weeks of activity as a sequential single-hue grid with per-cell hover counts.
Forecast-vs-reported quarterly bars — dashed forecasts, a derived Beat-by tip, and a surprise tooltip.
Fund-holdings register with YTD pills and tick-comb weight bars.
Notification inbox — unread dots dissolve on read, mark-all clears the column.
Markets sidebar card — one big price over a full-bleed scrubbable line, a tab underline that walks between indices, and the one-paragraph read below.
Dashboard stat band — count-up headlines with signed deltas over full-bleed area charts you can hover to read any sample with its date.
Front-facing MacBook mockup — drop a screenshot, gradient, or live UI on the screen.
macOS-style magnifying dock — cursor-driven icon springs, click bounce, floor reflections, running-app dots, and a ⌘K command menu.
Price snapshot card — animated headline price, period-sliced line chart with crosshair scrubbing, and a gliding period switcher.
Sortable quote register — trend sparklines, signed day changes, accent spine on the selected row.
A retro dot-matrix price wall on canvas: 5×7 dot glyphs, and on each quote update only the changed characters dissolve out dot by dot and bloom back.
CTA stage where the cursor's particle trail gravitates into the pill and feeds its glow.
A live tape that pins the row you are reading — arrivals stop pushing the list down and count into a pill until you tap back to the top.
Auto-cycling news module with an ink headline and dot pagination.
Setup checklist — the check draws in and the progress bar keeps a derivable score.
(No description)
(No description)
(No description)
Settings rows with icon tiles, one-line hints, and a chevron that walks in on hover.
Analyst targets — history walks to now, dashed projections fan to High / Mean / Low with a scrub-following KPI card.
Profile header, stats and a tabbed feed — a gliding tab underline and a Follow button that quiets down once pressed.
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 × months diverging up/down by magnitude, a compounded year-total column, and a hover read-out that dims everything unrelated.
Stacked screens where the front card arcs to the back on a timer or click.