Introduction
Create your own crypto and trading dashboards with just a simple copy and paste. Vora UI is a set of open source crypto market analytics components for shadcn/ui. Components install as source code into your project, so you own every line and can change anything.
Philosophy
When I first entered the crypto world, I realized how exhausting it was to track different analytics. I had to check the Bitcoin Rainbow Chart on one website, the Fear and Greed Index on another, and basic price action somewhere else. When I decided to build my own unified dashboard, I noticed a huge gap: there wasn't a comprehensive UI library tailored for these types of financial components, and many existing trading chart solutions came with a heavy price tag.
That's why I created voraui. Inspired by amazing libraries like shadcn, magicui, aceternityui, and kokonutui, this library solves the real headache. While the underlying financial data is often free, designing and building the actual dashboard components from scratch is a pain.
My goal with voraui is to make dashboard creation effortless and accessible for everyone. I hope you enjoy the designs! :)
What's included
- Trading Chart (flagship): candlesticks with trade markers, same-candle clustering, hover tooltips, infinite scroll history, and live Binance updates.
- BTC Rainbow Chart: the classic log-regression rainbow with full daily history back to 2010.
- Fear & Greed Gauge: the crypto Fear & Greed index as a live SVG dial.
- Altseason Gauge: the Altcoin Season index computed client-side from CoinPaprika data.
Real data, zero config
Every component fetches from free, keyless public APIs out of the box, so it renders real data the moment you drop it in. For production, pass your own data through props and the bundled fetcher is skipped entirely.
Credits
Vora UI is heavily inspired by shadcn/ui and distributed the same way: source code you copy into your project via the shadcn CLI, not an npm package you depend on.
App & docs site
- Next.js, React, and TypeScript for the app and docs site.
- Tailwind CSS for styling, with Base UI for accessible, unstyled component primitives.
- Lucide for UI icons and Simple Icons for brand marks.
- Shiki renders the syntax-highlighted code blocks throughout these docs.
Inside the components
- Lightweight Charts from TradingView is the charting engine behind Trading Chart and BTC Rainbow Chart.
- next-themes drives dark mode site-wide, and keeps Trading Chart and BTC Rainbow Chart in sync with it since their canvases are painted outside the DOM.
- Motion animates the needle and thumb in Fear & Greed Gauge and Altseason Gauge, and Number Flow animates their score readouts.
Next steps
See the Installation guide to add the registry and your first component, or browse each component's docs page for props and data source notes.