Ssych

Overview

ssych ui is a React component library for dark, data-dense products such as trading terminals, screeners, crypto apps and AI operator consoles. Its pitch is "Look like you hired a designer": the components make the layout calls about what reads first and how numbers line up, for teams shipping data products without a designer. It is made by Wiserframe OÜ.

The site lists 110 components, and the registry manifest includes 116 UI items and 18 blocks, each installed with one shadcn command as source in the project. Most components are free; composed screens, full dashboards and landing page templates require a paid plan.

Features

• Trading UI: Order book, depth chart, order, quick, leverage and swap tickets, trade tape, fills blotter and positions table
• Market data: Market heatmap, watchlist, ticker tape, candlestick, SMA, volume profile and price target fan charts
• Portfolio views: Holdings table, allocation treemap, equity and drawdown, returns calendar and total balance
• Crypto: Cross-chain swap, wallet drawer, top coins and crypto/fiat amount components
• Agent consoles: Agent run timeline, tool call card, model comparison, automation builder and API request log
• General UI: File tree, sidebar, macOS dock, browser and MacBook frames, Gantt chart, kanban and onboarding checklist
• Effects: ASCII turntable, metal, gold, holo and neon badges, and a mouse-trail CTA

Tech stack

• React, Tailwind CSS
• Motion, Lucide, Phosphor Icons
• Three.js for select effects

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @ssych/component-name