A desktop-first design system for investing, trading and AI-finance products — with reconciling mock data, KYC and edge screens, and tokens that ship straight to Next.js, Tailwind and shadcn.
One-time purchase · Free v1.1 update · Works on free Figma
Built to drop into your stack
What's inside
Most UI kits give you a dashboard and stop. Viola covers the parts that make a finance product real.
Every figure agrees across every screen. One portfolio total that adds up wherever it appears.
A full multi-step sign-up flow with a stepper, identity, tax residency and review — the screens nobody wants to design twice.
Buy/sell forms, an order-ticket drawer, candlestick quote cards and a compact trade layout.
Deposits, withdrawals, transaction history and statements — with EUR/USD balances that reconcile.
Labelled, sourced, reversible AI patterns: insight cards, an agent activity log and approval states.
A full variable system in two modes, named to match Tailwind and shadcn so it ships as code.
The difference
The same portfolio, the same totals, on every screen. Change a holding once and the dashboard, the holdings table and the fund pages all still agree. No other kit does this.
Dashboard
Net worth
€48,203.11
Holdings table
Holdings + cash
€44,330.95 + €3,872.16
Fund · VWCE
Position value
€21,928.05
29 screens, light and dark
Portfolio, markets, trading, money movement, documents, settings, onboarding and auth — in light and dark.
…and 24 more — portfolio, fund detail, deposits, KYC onboarding, settings, sign-in.
FAQ
A Figma file with 29 desktop screens, light and dark, a full component library, and light + dark variable modes — plus a token map that matches Tailwind and shadcn naming.
No. The kit opens and works on free Figma. You only need a paid plan if you want to edit the variable modes yourself.
Yes. One licence covers unlimited personal and client projects. You can't resell the kit itself as a kit.
Yes — one portfolio total of €48,203.11 reconciles across every screen, so your prototypes never contradict themselves in a demo.
The v1.1 update — more screens and the AI module — is free to existing buyers.
Buy the Team licence. One invoice covers everyone at your company, with the same free updates as Individual.
Pricing
€69 today. No subscriptions, ever. Every future update is free.
€69 founding price — first 50 buyers only, then €99
Individual
€69 €99 regular
One-time purchase. Unlimited personal & client projects. Free v1.1 update.
Get Viola — €69Team
€249
Unlimited seats at one company. Same one-time purchase, no subscription.
Get Viola Team — €249Free v1.1 update · Instant download · Works on a free Figma plan