Viola UI vs Untitled UI
for a finance dashboard

The short answer

If you’re designing a finance dashboard, Untitled UI gives you the most building blocks and Viola gives you the finance screens already built. Untitled UI is a general design system for any product. Viola is a fintech kit: investing, trading, cash and onboarding screens that all run on one portfolio, so the numbers agree everywhere.

I’m the designer behind Viola, so read this with that in mind. I’ve tried to be fair: Untitled UI is excellent, and for many projects it’s the better buy. This post is about one specific job, a finance or investing dashboard, and which kit gets you there faster.

The verdict: for the product shell, start from Untitled UI. For the money screens, start from Viola.

How we compared them

We looked at one job: designing an investing or portfolio dashboard in Figma. Each section below covers one thing that job needs, and ends with a verdict.

• Data: do the numbers agree across screens?
• Coverage: are the screens around the dashboard included?
• Finance conventions: are money-specific rules built in?
• AI patterns: is there guidance for AI next to money?
• Cost and workflow: price for one designer and for a team, code, and AI tools.

Every Untitled UI figure comes from untitledui.com and its pricing page, checked on 13 October 2026. Viola figures come from the kit itself.

A finance dashboard’s total has to equal its parts

In a finance product, the first person to check the math is the one deciding whether to fund it. Most kits fill each screen with its own made-up numbers, so the dashboard total and the holdings table quietly disagree.

Viola runs every screen on one portfolio. €48,203.11 on the dashboard is €44,330.95 in holdings plus €3,872.16 in cash. The holdings table, fund page and cash account show the same figures, in light and dark, and the data ships as a Markdown and JSON pack for developers.

Untitled UI’s dashboards are built to show layouts across many products, not to share one dataset. If your numbers need to hold up in a demo, you’d reconcile them yourself.

Verdict: Viola, if your numbers have to survive a demo.

A dashboard is only one screen of a money product

Users reach a finance dashboard through identity checks, fund it through transfers and leave it to place a trade. Designing the dashboard alone leaves most of the product still to draw.

Viola’s 45 desktop screens cover the journey around it: KYC onboarding with a stepper, markets, fund research, a trade ticket, transfers, cash in EUR and USD, tax documents and settings. Each screen exists in light and dark, so 90 frames in total.

Untitled UI gives you more page types overall, from pricing pages to landing pages, but these finance flows aren’t its focus.

Verdict: Viola for the finance journey. Untitled UI if you need many non-finance page types.

Green and red mean profit and loss, nothing else

Finance screens follow conventions that general kits don’t need to care about. Break one and users misread their money. These are the rules Viola is built on.

Verdict: Viola ships these rules. With Untitled UI, you’d set them up yourself.

AI near money needs rules, not only components

An AI suggestion on a trade screen carries more weight than one in a writing app. Users need to know it came from AI, where the claim came from, and that nothing happens without them.

Viola’s five AI components follow four rules. They’re labelled with the AI icon and the words “AI-generated”. They’re sourced, saying where each claim came from. They’re dismissible, so AI is never the only path to a task. And they’re reversible: nothing destructive or automatic, and never investment or tax advice.

The five components are an insight strip, a market brief, order help, a tax summary and deposit help, each placed on the screen where it’s used.

Verdict: Viola, if AI features sit next to money in your product.

At a glance

Untitled UI figures from untitledui.com, checked 13 October 2026.

When Untitled UI is the better choice

Pick Untitled UI if the dashboard is one part of a bigger product. If you also need a marketing site, pricing pages, settings, onboarding emails and an app, its 420+ page examples cover far more ground than any niche kit.

It also wins on these:

• Breadth of components. 940 button variants, 252 modal variants, 2,000+ icons and logos. If a component exists in web UI, it’s probably there.
• Code. The React version (React, Tailwind CSS, TypeScript, React Aria) means design and development start from the same library. Viola is Figma only.
• Bigger teams. Seat tiers up to unlimited users and a large community already using it, so new hires may know it.
• A non-finance product. For a CRM, an analytics tool or a SaaS admin panel, finance-specific screens would mostly go unused.

Pros and cons

Using both

You don’t have to choose. A common setup is Untitled UI for the marketing site and general app chrome, and Viola for the finance screens inside the product. Viola’s tokens are named to match Tailwind and shadcn, and Untitled UI’s code is built on Tailwind, so mapping colours and spacing between them is mostly a rename. Expect to align a few things by hand, like corner radius and font: Viola uses Geist throughout.

What it costs

Both are one-time purchases. The gap grows with team size, because Viola’s Team licence covers unlimited users in one company.

Untitled UI prices are its current prices on its pricing page, shown beside higher crossed-out ones, on 13 October 2026. Untitled UI also covers far more than finance, so this compares price, not value per component.

Verdict: Viola is cheaper at every team size, if finance screens are what you need.

AI and agent workflows

More teams now hand a Figma file to an AI tool and ask it to build the screen. Two things decide how well that goes: whether the names in the file match the code, and whether the content makes sense.

• Untitled UI has the stronger code story. Its React components are built on Tailwind CSS and you own the code, so an agent can use the real components instead of guessing.
• Viola has no code, but its tokens are named to match Tailwind and shadcn, so an agent maps them without a translation step. Its sample data ships as Markdown and JSON, so the built screen shows the same reconciled numbers as the design.

Verdict: Untitled UI if you want ready React components. Viola if you’re building on shadcn and want the finance content to carry over.

Which fits your kind of project

Not sure yet? Both have free versions. Open the dashboard in each and see which one is closer to what you’re building.

FAQ

Try it

Start with the free Viola file: the portfolio dashboard in light and dark, ready to open in Figma. If it fits, the full kit is $49 for one designer or $179 for your whole company.

Sources

1. Untitled UI homepage, features, pricing and licence, read 13 October 2026
2. Untitled UI pricing, read 13 October 2026

WRITTEN BY

Kseniya Savitsyna

Product designer working on fintech & AI products, and the designer behind Viola UI.

support@violaui.com