LEDGER — Crypto Portfolio Dashboard
Your whole portfolio, in focus.
A dark-first, data-rich crypto/fintech portfolio dashboard: total value with 24h/7d/all-time count-ups, an allocation donut, a performance chart with a crosshair, sortable holdings, searchable markets and filterable transactions. Hand-built SVG charts, a full light theme and a ⌘K palette — fully prerendered with SvelteKit.
Role · Design + front-end build (SvelteKit; seeded deterministic data layer) · Updated Jun 2026
- Full SvelteKit 2 / Svelte 5 source for 8 screens (Overview, Portfolio + holding detail, Markets + coin detail, Transactions, Settings, 404)
- A reusable hand-built SVG chart kit (area/line + crosshair, allocation donut, sparklines) and a generated coin-mark system
- A typed, deterministic seed layer + pure derived selectors with one documented price-API/backend seam
- A complete dark + light theme, a ⌘K command palette, self-hosted fonts, tabular-number formatting
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Price API / your backend
A deterministic, typed money model over one seeded data layer with a single documented seam — point it at a price API (CoinGecko / your exchange feed) and your backend to go live.
Delivered as full SvelteKit source. Connect a price API and your backend at the documented seam for live data.
What makes it special
Deterministic money model
A seeded PRNG generates 12 coins with hourly price walks, 8 holdings and 30 transactions; pure selectors derive value, P&L, allocation and movers — prerender and hydration always agree, so no flicker and no CLS.
Charts built from scratch
A performance/price area chart with draw-on, a hover/keyboard crosshair and re-animation on range change; an allocation donut with arrow-key segments; directional sparklines — all hand-built SVG, no chart library.
A real app shell
A collapsible desktop rail, a focus-trapped mobile drawer, a sticky glass top bar and a ⌘K command palette that searches every page and coin, fully keyboard-navigable.
Dark-first, full light theme
A no-flash inline script applies the persisted theme before first paint; the toggle uses a reduced-motion-gated reveal. Both themes clear WCAG AA.
Accessible & self-contained
Tables with aria-sort, charts focusable with text summaries and live readouts, reduced-motion fallbacks, self-hosted fonts and zero runtime network calls — a prerendered export that runs at root or any subpath.
What’s included
- Full SvelteKit 2 / Svelte 5 source for 8 screens (Overview, Portfolio + holding detail, Markets + coin detail, Transactions, Settings, 404)
- A reusable hand-built SVG chart kit (area/line + crosshair, allocation donut, sparklines) and a generated coin-mark system
- A typed, deterministic seed layer + pure derived selectors with one documented price-API/backend seam
- A complete dark + light theme, a ⌘K command palette, self-hosted fonts, tabular-number formatting
- Reduced-motion fallbacks, WCAG 2.2 AA, fully prerendered static export, README case study + PROGRESS notes
Gallery
More Finance & Fintech templates
Make LEDGER yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.