Apps
Banking Dashboard
A complete personal banking application built with Next.js and shadcn/ui, matched 1:1 with Figma.
Accounts, cards, upcoming payments, transfers, insights, currency exchange, and settings in 40 screens. Install the whole app with one command, or any of its 33 blocks on their own.
Figma
React
Next.js
Blocks
Install the app, or just the blocks
Every card, chart and form in the app is a shadcn/ui block in Figma and React. Explore a few below, or browse all 33.
Everyday money
Spendable balance, savings jars and the cards you pay with.
Balance history
A balance chart with what is spendable and what is set aside.
Upcoming payments
Bills and transfers grouped around payday, with a suggestion.
Exchange rate
A currency pair's rate over a week, month or year.
Spending trackers
Monthly limits as tick gauges that turn red once over.
Locations
An illustrative street map with spending by place.
More apps
HR Dashboard
Figma
React
Next.js
A complete HR app with 14 screens and 46 dashboard blocks, installed straight from the registry. Built 1:1 in Figma and React.
Sales & Marketing Dashboard
Figma
React
Next.js
A complete sales and marketing app plus 23 dashboard blocks. Built 1:1 in Figma and React, from first visit to closed revenue.
AI Chat
Figma
React
Next.js
A complete AI chat application built with Next.js, shadcn/ui, and the Vercel AI SDK.
ClearFlow
Figma
React
Next.js
A SaaS website for B2B fintech, payments, and workflow tools. Figma kit and Next.js site in one.
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
