S
ssych ui
/
blocks
Files
Code
Info
ASCII Scroll Morph (paid screen)
ascii-scroll-morph
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.
Asset and Alerts (paid screen)
asset-alerts
One asset's page with its price alerts: the day's line green above the open and red below it, the position, a swap card, and an alerts panel to search, sort, switch on and off and create from.
Business Balances (paid screen)
business-balances
A business account's cash across five currencies: one total in any display currency, scheduled money in and out, idle cash moved into yield, and transfers, conversions and payment links that update the balances they touch.
Market Discovery (paid screen)
discover-board
The browsing problem, not the reporting one: filters and a trending rail for finding something you do not already hold.
Token Screener (paid screen)
discover-screener
The screener take on discovery: a dense sortable board where the row is the unit and the filters carry the state.
GPU Marketplace (paid screen)
gpu-pods
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.
Multi-currency Account (paid screen)
money-account
A personal account across four currencies: the total, the month's money in and out, a balance per currency with its own account details, and send, add money and request flows that stack as sheets.
Payout Balance (paid screen)
payout-balance
A seller's balance and its ledger: available, reserved and treasury money as one split, and every payment, refund and payout in a filterable, reorderable table, with deposit, withdraw and move flows that write new rows.
Portfolio Allocation (paid screen)
portfolio-allocation
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.
Portfolio Overview (paid screen)
portfolio-book
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.
Multi-account Portfolio (paid screen)
portfolio-tiers
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.
Developer Tools Landing (paid screen)
simple-landing
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.
Stablecoin Landing (paid screen)
stablecoin-landing
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.
Trading Terminal (paid screen)
terminal-cex
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.
Trading Platform Landing (paid screen)
tradeboard-landing
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.
Crypto Wallet (paid screen)
wallet-home
A self-custody wallet's home and coin pages in one screen: balance, four actions, every coin by share, and a coin's own chart, position and activity one click away, with a working swap beside them.
Wealth Portfolio (paid screen)
wealth-invest
A household's investments against the market: portfolio growth drawn against four benchmarks, every holding in one sortable table, and an assistant whose answers cite the numbers and the sources they come from.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
ASCII Scroll Morph (paid screen)
ascii-scroll-morph
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.
Asset and Alerts (paid screen)
asset-alerts
One asset's page with its price alerts: the day's line green above the open and red below it, the position, a swap card, and an alerts panel to search, sort, switch on and off and create from.
Business Balances (paid screen)
business-balances
A business account's cash across five currencies: one total in any display currency, scheduled money in and out, idle cash moved into yield, and transfers, conversions and payment links that update the balances they touch.
Market Discovery (paid screen)
discover-board
The browsing problem, not the reporting one: filters and a trending rail for finding something you do not already hold.
Token Screener (paid screen)
discover-screener
The screener take on discovery: a dense sortable board where the row is the unit and the filters carry the state.
GPU Marketplace (paid screen)
gpu-pods
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.
Multi-currency Account (paid screen)
money-account
A personal account across four currencies: the total, the month's money in and out, a balance per currency with its own account details, and send, add money and request flows that stack as sheets.
Payout Balance (paid screen)
payout-balance
A seller's balance and its ledger: available, reserved and treasury money as one split, and every payment, refund and payout in a filterable, reorderable table, with deposit, withdraw and move flows that write new rows.
Portfolio Allocation (paid screen)
portfolio-allocation
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.
Portfolio Overview (paid screen)
portfolio-book
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.
Multi-account Portfolio (paid screen)
portfolio-tiers
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.
Developer Tools Landing (paid screen)
simple-landing
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.
Stablecoin Landing (paid screen)
stablecoin-landing
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.
Trading Terminal (paid screen)
terminal-cex
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.
Trading Platform Landing (paid screen)
tradeboard-landing
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.
Crypto Wallet (paid screen)
wallet-home
A self-custody wallet's home and coin pages in one screen: balance, four actions, every coin by share, and a coin's own chart, position and activity one click away, with a working swap beside them.
Wealth Portfolio (paid screen)
wealth-invest
A household's investments against the market: portfolio growth drawn against four benchmarks, every holding in one sortable table, and an assistant whose answers cite the numbers and the sources they come from.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information