Description
Vault Dashboard — Investment Admin Template
A clean, Robinhood-inspired investment dashboard built with Next.js 16, React 19, shadcn/ui, and Tailwind CSS v4. Track portfolios, monitor markets, manage dividends, and analyze investments with a beautiful, responsive interface.
13 Investment Pages
- Portfolio — Full holdings table with sparklines, gain/loss colors, sector tags
- Watchlist — Grid/list toggle with mini sparklines and quick actions
- Market Overview — S&P 500, NASDAQ, DOW, VIX index cards with sector performance
- Stock Screener — Filter by market cap, P/E, yield, sector with sortable results
- Market Movers — Top gainers, losers, and most active stocks
- Earnings Calendar — EPS expected vs actual, surprise %, portfolio filter
- Dividends — Monthly income chart, yield tracking, upcoming ex-dates
- Order History — Trade log with buy/sell badges, status tracking
- Price Alerts — Active alerts with distance tracking, create new alerts
- Analytics — Sector allocation, geographic exposure, risk metrics
- Tax Center — Realized gains/losses, tax lot tracking, estimated liability
- Stock Detail — Price charts with volume, key stats, analyst ratings, news
57+ Total Pages
Beyond the 13 investment pages, Vault includes: analytics dashboard, 10 chart types, calendar, kanban board, team management, notifications, settings, full documentation system, 8 auth pages (login, register, forgot password, reset, two-factor, verify email, lock screen), billing, invoices, profile, onboarding wizard, and more.
Investment-First Design Language
- Plus Jakarta Sans as the primary font with Geist Mono for financial data
- Vivid green primary color (OKLCh hue 142) — Robinhood-inspired
- 6 color presets: Robinhood (green), Ocean, Violet, Gold, Rose, Graphite
- 3 density modes: Compact, Comfortable, Spacious
- Command palette (Cmd+K) for keyboard-driven navigation
- Dark & light modes with system preference detection
- Multi-language support (English, German, French)
- Fully responsive with collapsible sidebar and mobile-optimized layouts
Modern Tech Stack
- Next.js 16 with App Router
- React 19 with TypeScript
- Tailwind CSS v4 with OKLCh color tokens
- shadcn/ui component library
- Recharts for data visualization
- Lucide React for icons
