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 immersive landing page with live 3D ASCII shapes that respond to the cursor and transition as you scroll. Adapt the vector artwork, copy and colours in code to fit your brand, while keeping the motion system intact.
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.
Deep-ground balance hero: rolling odometer digits, an ambient signal line, scrub readout, and a drag handle that pulls the chart taller.
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.
Wallet-value area chart: trend picks the colour, the high and low float at their true points, scrubbing greys everything ahead of the cursor, and timeframe pills reseed the walk.
A wallet's headline number with its cents stepped back so the eye lands on the dollars, the move carried in a tinted pill beneath, and a privacy toggle that masks every figure to dots.
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; below 480px of its own width it becomes a phone browser with a status row, one address pill and a bottom toolbar.
Candles over a volume histogram with a magnet crosshair, a price badge on the right axis, a live OHLC legend and a switch to a plain close line.
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 comparison as rulers of ticks: the cursor tick stands taller at the value and the subject row carries the accent; hover hands it to another row.
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.
The library's own marketing page: a near-black ground, one object per section, two-tone display type carrying the hierarchy, and every count read live from the registry.
Allocation as a ring rather than a pie: the stroke is a band around an open centre that the total sits in. Slices sort descending, ring and legend cross-highlight, and square caps keep the gaps between slices real.
A price line standing on a field of dots that fades toward the floor. Scrubbing splits the chart at the cursor, lighting the stretch already passed and dropping the rest back, with a read-out carrying the bar's price and its move from the open.
A dotted field, a hairline icon chip, one line of ink and one quiet action.
A cumulative equity curve over a synced underwater drawdown panel; one crosshair reads equity, drawdown and days below the high-water mark.
A bundle read as a tree: folders fold open under the pointer or the arrow keys, one highlight glides between rows, and a quiet right-hand column says how much each file holds.
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.
A GPU rental marketplace's browse screen: 150 pods in a 15-column table you can sort, search and cross-read, with a filter rail whose counts are honest and a product rail of its own. White on black, no accent hue.
A bounded single-metric dial: a 270° arc on one flat track, a value arc that draws in behind an end marker, and a centre number that counts up to it. Clicking the dial cycles the metric and the arc redraws.
Weeks of activity as a sequential single-hue grid with month labels, a gliding date-and-count tooltip, a ripple on hover, click-to-span totals and a legend that filters by level.
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.
The browsing problem, not the reporting one: filters and a trending rail for finding something you do not already hold.
The market as one block of ground: tiles sized by market cap on a hand-rolled squarified treemap, tinted on a diverging scale by the day's move. Hovering a tile parks a read-out beside it with price, change and cap; clicking pins it.
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.
The book as four accounts rather than one balance. One pill per tier under the bar, and the pill row is a selector rather than decoration, carrying share-of-total on the tier.
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.
Composition first. Leads with what the book is made of and how concentrated it is, which is the analyst's first question rather than the owner's.
The balance-first book on one ruled grid: holdings, history and share-of-total composed from six library components, with the page composing and never editing them.