@ssych

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 …

Collapsible accordion sidebar with icon'd sections, an active rail, and socials.

macOS-style magnifying dock — cursor-driven icon springs, click bounce, floor reflections, running-app dots, and a ⌘K command menu.

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…

Front-facing MacBook mockup — drop a screenshot, gradient, or live UI on the screen.

Draggable stacked-card carousel — swipe or drag the top card, click to expand into a details modal with a floating dock.

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 bento grid of media that expands into a shared lightbox modal with a floating dock switcher.

Media card with a scooped-out content tray (concave corners), hover-reveal action button, and gradient overlay.

Expanding accordion rows — each reveals its body, a checklist, and a visual.

Shared cutout project card with blurred-gradient media and a liquid-metal hover ring.

Forecast-vs-reported quarterly bars — dashed forecasts, a derived Beat-by tip, and a surprise tooltip.

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…

Sortable quote register — trend sparklines, signed day changes, accent spine on the selected row.

Moving-average chart — price line with fast/slow SMA overlays, crosshair scrubbing with a three-series tooltip, and a signed change chip.

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 droppin…

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 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 til…

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, …

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-highli…

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 ma…

Price snapshot card — animated headline price, period-sliced line chart with crosshair scrubbing, and a gliding period switcher.

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.

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.

Allocation ring with legend cross-highlight — hovering isolates one weight at a time.

Analyst-ratings pentagon with hairline rings and one green wedge toward the dominant rating.

Two-series factor radar — subject filled against a dashed peer outline, a hovered spoke reading both values, and a legend that mutes a series.

Dashboard stat band — count-up headlines with signed deltas over full-bleed area charts you can hover to read any sample with its date.

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 tha…

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 r…

Fund-holdings register with YTD pills and tick-comb weight bars.

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 car…

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; …

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.

A cumulative equity curve over a synced underwater drawdown panel; one crosshair reads equity, drawdown and days below the high-water mark.

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 pil…

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 time…

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.

A finance tape gliding through a hairline rail on a seamless loop; hovering holds it still, moves read green up and red down.

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.

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.

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.

API log rows with status pills that unfold their response body inline.

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.

Notification inbox — unread dots dissolve on read, mark-all clears the column.

Bare project rows where the cover only exists while you hover, floating beside the cursor.

Auto-cycling news module with an ink headline and dot pagination.

Collapsed notification deck that fans open on hover; each dismiss re-settles the pile.

Deep-ground balance hero: rolling odometer digits, an ambient signal line, scrub readout, and a drag handle that pulls the chart taller.

Setup checklist — the check draws in and the progress bar keeps a derivable score.

Settings rows with icon tiles, one-line hints, and a chevron that walks in on hover.

A dotted field, a hairline icon chip, one line of ink and one quiet action.

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.

Hairline pill whose thumb glides between options with a shared-layout spring.

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.

Money-formatting family — Fiat, Crypto and Percent agree on symbol placement, precision, abbreviation and sign colouring.

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.

Stacked screens where the front card arcs to the back on a timer or click.

CTA stage where the cursor's particle trail gravitates into the pill and feeds its glow.

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 o…

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 …

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 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-to…

The browsing problem, not the reporting one: filters and a trending rail for finding something you do not already hold.

The screener take on discovery: a dense sortable board where the row is the unit and the filters carry the state.

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 positi…

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 p…

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…

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 …

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…

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…