██╗ ██╗██╗ ██████╗██╗ ██╗
██║ ██║██║██╔════╝██║ ██╔╝
██║ █╗ ██║██║██║ █████╔╝
██║███╗██║██║██║ ██╔═██╗
╚███╔███╔╝██║╚██████╗██║ ██╗
╚══╝╚══╝ ╚═╝ ╚═════╝╚═╝ ╚═╝
Headless Web Components for trading interfaces.
Wick is an open-source library of 31 unstyled, framework-agnostic Web Components built for trading interfaces. Think shadcn/ui — but for traders.
npm install @wick/order-book @wick/price-ticker @wick/trade-feed| Category | Components |
|---|---|
| Market Data | Order Book, Price Ticker, Trade Feed, Depth Chart, Funding Rate, Open Interest, Liquidation Feed, DOM Ladder |
| Charts | Candlestick, Mini Chart, Volume Profile, Drawing Tools, Correlation Matrix, Indicators |
| Heatmaps | Order Book Heatmap, Market Heatmap |
| Execution | Order Ticket, Order Manager, Position Sizer |
| Portfolio | Positions, P&L, Trade History, Risk Panel |
| Market Overview | Watchlist, Screener, Symbol Search, Market Clock |
| Alerts & Intel | Alerts, News Feed, Economic Calendar, Connection Status |
Works natively in React, Vue, Svelte, Angular, and Vanilla JS.
// React
import { OrderBook, PriceTicker } from '@wick/react';
// Vue / Svelte / Angular / Vanilla
import '@wick/order-book';Three built-in themes — drop in one line:
import '@wick/theme/dark'; // Binance / Bybit style
import '@wick/theme/glass'; // Glassmorphism
import '@wick/theme/minimal'; // Linear / Stripe aestheticOverride any token at the :root or component level via CSS custom properties.
Site · Docs · npm · MIT License