HomeDocsComponentsBlocksChartsThemes
Introduction
  • Introduction
  • Installation
  • Themes
  • llms.txt
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Amount
  • Aspect Ratio
  • Audio Player
  • Avatar
  • Avatar Upload
  • Badge
  • Banner
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Code Block
  • Collapsible
  • Color Picker
  • Combobox
  • Command
  • Context Menu
  • Copy Button
  • Countdown
  • Data Grid
  • Data Table
  • Date Picker
  • Date Range Picker
  • Description List
  • Device Mockup
  • Dialog
  • Direction
  • Dot Loader
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • File Upload
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kanban
  • Kbd
  • Label
  • Menubar
  • Meter
  • Multi Select
  • Native Select
  • Navigation Menu
  • Number Field
  • Pagination
  • Password Strength
  • Phone Input
  • Popover
  • Progress
  • Progress Circle
  • Radio Group
  • Rating
  • Resizable
  • Responsive Dialog
  • Rich Text Editor
  • Scroll Area
  • Segmented Control
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Signature
  • Skeleton
  • Slider
  • Sortable
  • Spinner
  • Stat
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag Input
  • Terminal
  • Textarea
  • Time Field
  • Timeline
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip
  • Tree
  • Typography
  • Video Player
  • Window Mockup
AI
  • Message Scroller
  • Message
  • Bubble
  • Marker
  • Attachment
  • Questionnaire
  • Composer
  • Reasoning
  • Tool Call
  • Approval Card
  • Citations
Blocks
  • Airtable
  • Airtable Kanban
  • ClickUp List
  • ClickUp Kanban
  • Repeatable Group
  • Command Palette
  • Sign In and Sign Up
  • Availability Scheduler
  • AI Chat
  • Action Bar
  • Notion
  • Banking
  • Lineup Builder
  • Sports Score
  • Strava
  • Sheets
  • Notices
  • Settings
  • Billing
Utilities
  • motion
  • sounds
  • scroll-fade
  • shimmer
Another UI. Built on shadcn/ui with Phosphor icons.

Banking

PreviousNext

A banking home with net worth, account cards and an activity feed you can filter, built from Another UI primitives.

Home

Net worth
$
01234567890123456789
01234567890123456789
,
01234567890123456789
01234567890123456789
01234567890123456789
.
01234567890123456789
01234567890123456789
Spend & Save
$
01234567890123456789
01234567890123456789
,
01234567890123456789
01234567890123456789
01234567890123456789
.
01234567890123456789
01234567890123456789
Invest
$
01234567890123456789
01234567890123456789
,
01234567890123456789
01234567890123456789
01234567890123456789
.
01234567890123456789
01234567890123456789

All activity

Today

Credit card

Credit card payment

- $309.52$13,482.17
Grocery store

Purchase

- $86.13$1,206.44

Yesterday

Transfer in

From: Portfolio line of credit

$650.00$13,791.69
Credit card

Credit card payment

- $603.18$13,141.69
Coffee shop

Purchase

- $6.45$1,120.31
Transfer out

To: Joint Account

- $650.00$24,350.00

October 9, 2026

Credit card

Credit card payment

- $35.90$13,744.87
Dividend

XEQT distribution

$41.27$48,210.55

October 8, 2026

Credit card

Credit card payment

- $186.40$13,780.77
Mortgage

Pre-authorized debit

- $1,327.40$13,967.17

October 7, 2026

City parking

Purchase

- $14.25$1,113.86
Payroll

Direct deposit

$4,280.50$15,294.57

Installation#

pnpm dlx shadcn@latest add https://anotherui.dev/r/banking.json

Features#

  • Net worth. The total across every account, with credit card balances taken off, shown with Stat and Amount. The eye button hides every balance and the icon swaps between the two states.
  • Spend & Save and Invest. Two cards with a balance and a trend line. Tap one to see that account's activity.
  • Accounts. Each account opens its activity. Edit shows a switch on each account to leave it out of your net worth, and the plus menu starts a transfer or a new account.
  • Activity. Transactions are grouped by day with the balance after each one. Scheduled transactions fold into one row at the top.
  • Filters. Account, Type and Status sit in one toolbar row. Clear resets them, and an empty state shows when nothing matches.
  • Transfers. Transfer money in the plus menu opens a transfer form as a bottom drawer on phones and a dialog on desktop (Responsive Dialog). Balances update and both sides of the transfer show up in activity.
  • Motion. Home and activity slide side by side and every amount spins like a slot reel when it changes or when you hide and show balances (Spinning counter). All from transitions.dev.
  • Sounds. Cuelume plays on navigation, toggles, filters, transfers and errors.

Usage#

import { Banking, SAMPLE_ACCOUNTS, SAMPLE_TRANSACTIONS } from "@/components/blocks/banking"
<Banking accounts={SAMPLE_ACCOUNTS} transactions={SAMPLE_TRANSACTIONS} />
NotionLineup Builder

On This Page

InstallationFeaturesUsage