UI

Changelog

Recent updates to the library.

Every entry maps to a real component in the registry or a real commit.

Source on GitHub

2026

Oct 2, 2026Fixed

Effect badges keep a clean edge on sharp corners, and Neon and Lightning can go hollow.

Marks with a hairline point, like the slit in the ssych mark, no longer tear the badge's rolled edge: any corner sharper than the roll is rounded before the 3D shape is built. Neon and Lightning take a body setting, 0 for only the tube or the bolt with the page showing through, 1 (the default) for the body as before. Metal and Gold stills can also place the light, so a recording can sweep the highlight across.

Metal BadgeStone BadgeGold BadgeHolo BadgeGlass BadgeNeon BadgeLightning BadgeAscii Badge

Unreleased

UnreleasedAdded

Forty nine components, and variants on one card.

Charts, tickets, tables, feeds and controls for trading, data and AI screens: depth chart, order book, volume profile, leverage and order tickets, cross chain swap, positions, agent run timeline, tool call card, model comparison and more. Components that do the same job in different ways now share one card on Browse all, with arrows to step through them, and each one's page steps to its siblings.

Account DropdownAgent Run TimelineAllocation TreemapAmount SliderApproval QuorumAutomation BuilderCross Chain SwapDate Range PickerDepth ChartDialog StackEvent FeedExecution ControlsFlow BarsGantt MiniGraph ComparisonInfo CardInline SliderKanban BoardLeverage TicketMarket ShelfModalModel ComparisonMorph DisclosureOrder BookOrder TicketPayment CardPerformance ChartPositions TableQuick TicketRadial GaugeRelease FeedScatter PlotSeries SpotlightSetup StepperStacked BarsStat TileSwap ConfirmTape FlowTool Call CardTop CoinsTotal BalanceUptime BarsView SwitchVitals StripVolume ProfileWallet DrawerWatchlist Stack

2026

Sep 28, 2026Added

Six more finishes for the badge.

The same domed badge, with the same lean, sway and flip, in six more surfaces: drawn in characters that change with the light, gold, a holographic film whose colour shifts with the angle, frosted glass the page shows through, a neon outline that breathes, and dark glass with lightning crawling over it. Each takes any SVG mark, each is one file with no dependencies.

Ascii BadgeGold BadgeHolo BadgeGlass BadgeNeon BadgeLightning Badge
Sep 28, 2026Added

Stone Badge, and an Effects section.

The same badge as Metal Badge in carved stone: the dome is roughened by layered noise, and the surface carries cellular facets, fissures that read as lines, a whisper of grain and mineral speckle, lit by a key that follows the cursor. Effects is a new section for these: one mark, any finish. Every component in it takes the same path and viewBox, and ASCII Turntable takes them too, so one SVG mark can be dropped into metal, stone or ASCII.

Stone BadgeAscii Turntable
Sep 27, 2026Added

Metal Badge.

Any single-path SVG mark as a domed chrome badge, drawn in WebGPU with one light that follows the cursor. Click or tap flips it, a swipe spins it. One file with no dependencies, and a flat chrome face stands in where WebGPU is missing.

Metal Badge

Unreleased

UnreleasedUpdated

Light and dark theme across the library.

Components, charts and the library chrome adapt to both themes. Device frames stay dark.

2026

Sep 13, 2026Added

Five charts promoted from the lab.

Health Gauge is a 270° dial that counts up and cycles on click. Market Heatmap sizes tiles by market cap on a squarified treemap and tints them by the day's move. Sankey Flow pools income in one hub and fans it into uses with flow conserved through the middle. Donut Chart draws allocation as a ring with an open centre. Balance Header carries a wallet's headline number with a privacy toggle.

Health GaugeMarket HeatmapSankey FlowDonut ChartBalance Header
Sep 13, 2026Added

Dotted Area Chart.

A price line standing on a field of dots that thins toward the floor. Scrubbing splits the chart at the cursor: the stretch you have passed stays lit, the rest falls back, and the read-out carries that bar's price and its move from the open.

Dotted Area Chart
Sep 13, 2026Added

Assets Balance Card added.

Deep-ground balance hero: odometer digits roll in, an ambient signal line rides the right edge, scrub reads the line, and a drag handle pulls the chart taller.

Assets Balance Card
Sep 13, 2026Added

Trading charts joined the library.

Candlestick with a magnet crosshair and a line switch, Equity & Drawdown with a synced underwater panel, Balance Chart with floating extremes and a scrub that greys the future, Price Scrubber with axis badges and a hover wash, and Simple Chart, the compact price card.

CandlestickEquity DrawdownBalance ChartPrice ScrubberSimple Chart
Sep 13, 2026Added

Tapes and combs.

Ticker Tape, a looping market tape that holds still under the pointer; Trade Tape, live time and sales that pause on hover and flush on leave; and Comb Rows, a tick-ruler comparison that hands the accent to the hovered row.

Ticker TapeTrade TapeComb Rows
Sep 12, 2026Updated

Browser Window has a phone layout.

Below 480px of its own width the frame turns into a mobile browser: a status row, one full-width address pill with the lock, and a bottom toolbar with back, forward, share, bookmarks and tabs. Resize the preview to see it switch.

Browser Window
Sep 12, 2026Added

File Tree.

A bundle read as a tree, with folders that fold open under the pointer or the arrow keys, one highlight that glides between rows, and a right-hand column for line counts. It also replaces the flat file strip on every screen's Code view with more than five files, and shows a buyer the files a paid screen delivers before purchase.

File Tree
Sep 12, 2026Updated

Heat Calendar learned dates and spans.

Month labels and a real date range, a tooltip that glides between cells with the date and count, a ripple under the pointer, click-to-span totals with lock and clear, and legend steps that filter by level. Today is read after mount so server and client agree in every timezone.

Heat Calendar
Sep 12, 2026Updated

Returns Calendar learned spans and the year replay.

A gliding tooltip replaces the header read-out, hovering a year total replays its row, and a click anchors a span of months or whole years that compounds live, locks on a second click and clears on a third. Hit areas cover the gaps and the year totals sit on a neutral cell so the coloured numbers pass AA in light mode.

Returns Calendar
Sep 12, 2026Updated

Price Target Fan follows the pointer.

The nearest projection owns the pointer inside the fan so the card walks High to Mean to Low, the hot projection draws solid and takes the headline, the crosshair glides, the domain and gridlines follow the data, both vertical guides fade toward the top, the filled band is gone, and the now dot sends a slow ring outward.

Price Target Fan
Sep 11, 2026Added

Fills Blotter and Matrix Ticker Board.

Two trading surfaces promoted from the lab. Fills Blotter streams order fills in at the top as working and resolves them in place to filled or rejected, with a detail line on hover and a pause control. Matrix Ticker Board is a dot-matrix price wall on canvas whose changed characters dissolve out and bloom back on every update.

Fills BlotterMatrix Ticker Board
Sep 11, 2026Added

Trade Journal Table.

A trade log where the open position is lit from its spine and every closed one settles into a win or loss pill. Column heads sort, the range thumb slides, the pager shows the first five pages and the last, and net P&L carries its fee formula in the tooltip. Promoted from the lab.

Trade Journal Table
Sep 11, 2026Added

GPU Marketplace.

A GPU marketplace's browse screen sold as a dashboard: a 15-column pod table with sort, search and a crosshair, a 20-facet filter rail with honest counts, and the product's own rail. White on black throughout.

Gpu Pods
Sep 08, 2026Added

ASCII Scroll Morph.

A scroll landing built on the turntable: four sections, each morphing the solid into a different shape under a sweeping dissolve, two of them washing to full-bleed blue. Sold as a screen.

Ascii Scroll Morph
Sep 08, 2026Added

ASCII Turntable.

An extruded solid that turns with the cursor and is redrawn as characters on a grid. The shape is vector and extruded at runtime, so it stays sharp at every angle for a couple of KB rather than a frame sequence of PNGs.

Ascii Turntable
Aug 21, 2026Updated

The Trading Terminal replaces the DEX Terminal.

The sold terminal screen is now the exchange workspace: candle chart with an interval bar, book or tape as tabs, ticket, account, and a full-width positions register. Anyone who bought the DEX screen owns this one.

Terminal Cex
Aug 19, 2026Added

The library's own landing page joins the registry.

A near-black ground, one object per section, and two-tone display type where the second half carries the meaning. Free, and every count on the page is read from the registry rather than typed in.

Simple Landing
Aug 17, 2026Added

Two landing pages join the registry as paid bundles.

Marketing pages rather than operator screens, sold as their own set. One ground, one subject, one accent runs through both, and they share their structural parts instead of restyling each other.

Tradeboard LandingStablecoin Landing
Aug 17, 2026Added

A live tape that will not move the ground under you.

Parked at the top, fills land and the list grows. Scroll down to read a row and the scroll position pins to that row instead, with arrivals counted into a pill until you tap back to the top. The count is exact, never capped at 9+.

New Items Pill
Aug 17, 2026Updated

Avatar Stack published, on gradient orbs.

Now defaults to gradient orbs, and the overflow chip lists the hidden names in a tooltip.

Avatar Stack
Aug 17, 2026Updated

Command Dock is now the macOS Dock.

The magnifying command dock replaces the original macOS Dock under its slug.

macOS Dock
Aug 11, 2026Updated

Project Index resynced with the lab.

The hovered cover now fills from the theme, so the light theme stops showing a black rectangle.

Project Index
Aug 11, 2026Updated

Sectors Donut reads the hovered weight in the ring.

Hovering a legend row or an arc reads that sector's weight in the middle of the ring.

Sectors Donut
Aug 08, 2026Added

Profile Card added.

Profile header, counts and a tabbed feed in one card. Every field is a prop.

Aug 08, 2026Added

Coverflow Rail added.

A cover rail you throw with a finger. Loops cleanly, steps with arrow keys, ships with no assets.

Aug 01, 2026Added

KPI Card Row added.

The dashboard stat band. Each card counts up, carries a signed delta, and sits on a full-bleed chart.

KPI Card Row
Aug 01, 2026Added

Index Card added.

Markets sidebar card: one big price over a full-bleed line, with an index switcher.

Index Card
Aug 01, 2026Added

Range Navigator added.

A detail chart over a mini-map of the whole series. Drag to pan, pull an edge to zoom.

Range Navigator
Aug 01, 2026Added

Crypto/Fiat added.

Type in fiat or in units. The toggle carries the value through the rate.

Crypto Fiat
Aug 01, 2026Added

Analyst Radar added.

Two series on one factor web: the subject filled, its peer group dashed behind it.

Analyst Radar
Aug 01, 2026Added

Swap Ticket added.

The composed trade card: editable pay amount, a flip that swaps both sides, and a token overlay.

Swap Ticket
Aug 01, 2026Added

Amount added.

The money-formatting family: Fiat, Crypto and Percent, plus the bare formatters behind them.

Amount
Aug 01, 2026Added

Returns Calendar added.

Monthly-returns heat grid: years by months, tinted up or down, with a compounded year total.

Returns Calendar
Aug 01, 2026Added

Market Snapshot added.

Price snapshot card: animated headline, a scrubbable line chart, and a period switcher.

Market Snapshot
Aug 01, 2026Added

SMA Chart added.

Price line with fast and slow moving averages, crosshair scrubbing, and a signed change chip.

Sma Chart
Aug 01, 2026Added

Market Watchlist added.

Sortable quote register with sparklines and signed day changes.

Market Watchlist
Aug 01, 2026Added

Price Target Fan added.

History walks to now, then three dashed projections fan to High, Mean and Low.

Price Target Fan
Jun 24, 2026Added

Command Dock added.

macOS-style magnifying dock. Icons spring to the cursor, bounce on click, and a menu opens on Cmd K.

macOS Dock