Skip to content
GetUrUI

Ledgerline Finance

NewTemplateDashboard11 screens

A soft-rounded crypto portfolio app for Ledgerline, a fictional finance product: demo sign-in, a rolling total balance with range-tab charts and an allocation donut, asset pages with buy/sell, swap with a flip animation and live quote, staking with rewards that accrue every second, wallets, activity export and a streaming portfolio assistant.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$99

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

Ledgerline Finance is a complete, clickable portfolio app for a fictional crypto product. An in-page router drives eleven screens inside one shell — a sidebar on desktop, a bottom tab bar with a raised Swap button on mobile and a ⌘K palette everywhere. Balances, trades, swaps, stakes, wallets and settings live in a small external store that persists to localStorage, so the demo remembers what you did and can be reset in one click. Every asset, price and address is invented; sign-in, trading and the assistant are local demo interactions.

Who is it for?

Teams building a wallet, exchange, neobank or portfolio tracker who want a polished starting point with real flows rather than static mockups — and designers who need a working prototype for user tests. Swap the store's actions for your API and the screens keep working.

What you get

Everything needed to make it yours.

Eleven connected screens

Sign-in, overview, assets, asset detail, wallets, activity, swap, staking, watchlist, assistant and settings share one shell and state. Deep-link any of them with ?screen=.

Charts that read like a finance app

A rolling NumberTicker balance, area charts that wipe in with a crosshair and arrow-key reading, range tabs, an interactive allocation donut and per-row trend lines.

Real trading flows

Buy and sell with review and confirmation, a swap with token sheets, a flip animation, price impact, fees, slippage and minimum received, then a success state.

Staking that moves

Rewards accrue every second, positions can be claimed or unstaked, and a stake sheet projects monthly and yearly earnings from a slider.

A portfolio assistant

PromptInput, MessageBubble and StreamingResponse power a chat that answers from the demo data — performance, allocation, rewards and recent activity — with stop and retry.

Persistent, private by default

State saves to localStorage under ledgerline-demo with a reset button, ⌘. hides every balance, and the whole app is keyboard accessible and reduced-motion safe in light and dark.

Screens & sections

  • Demo sign-in with one-time code
  • Overview with balance, chart and allocation
  • Assets list
  • Asset detail with buy/sell
  • Wallets with add-wallet sheet
  • Activity with JSON export
  • Swap with quote and slippage
  • Staking positions and pools
  • Watchlist
  • AI assistant
  • Settings

Stack

Next.jsReact 19Tailwind CSS 4Motion

20 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates