v1.1.0 — Crypto, Auth, Globe, Cmd+K & Full Polish

Shadcn Fintech v1.1.0

What's New

Crypto Dashboard

• Candlestick chart with OHLC data, bullish/bearish colors, animated transitions
• My Balance with live total, top up/withdraw simulation
• Top Coins (BTC, ETH, SOL) with live price flash animations
• My Portfolio with allocation bar and action dropdown per coin
• Trade Form with Exchange/Trade/Buy/Sell modes and real-time conversion
• Market Overview — searchable, sortable table with 8 coins, live prices
• All components share state — selecting a coin anywhere updates everywhere

Auth Pages

• Sign In / Sign Up with animated 3D globe (Aceternity three-globe)
• Blue animated arcs connecting financial hubs worldwide
• Social login (Google/Apple), email/password forms, split layout
• Warren Buffett quote on sign-in, Einstein quote on sign-up

Command Palette (⌘K)

• Global search across all 13 pages
• Search recent transactions by merchant
• Quick transfer to contacts
• Jump to crypto coins with live prices
• Theme switching (Light/Dark/System)
• ⌘K hint badge in header

Dynamic Breadcrumb

• Auto-generates from URL path — no more hardcoded breadcrumbs
• Clickable parent segments, current page highlighted
• Moved header to shared layout — removed from all 11 page files

Mobile Responsiveness

• Tables wrapped in overflow-x-auto with hidden columns on small screens
• Stats grids stack to single column on mobile
• Charts use min-w-0 to prevent overflow
• Card interiors adapt with stacking layouts
• Settings horizontal tab bar on mobile
• 14 components fixed across all pages

Audit Fixes (Critical → Minor)

• All <a href> replaced with Next.js <Link> for client-side navigation
• Loading skeletons on 6 pages
• Branded 404 page
• <main> landmark for accessibility
• OG + Twitter meta tags
• Removed unused deps (cobe, @clerk/nextjs, @dnd-kit/utilities)
• Removed dead code (sidebarNav, command.tsx, boilerplate SVGs)
• Visa/Mastercard SVG logos on card pages
• Quick Send adds new transfer row to list

---

Full Changelog: v1.0.0...v1.1.0

v1.0.0 — Initial Release

Shadcn Fintech v1.0.0

The first public release of Shadcn Fintech — a premium, open-source fintech dashboard built with Next.js, shadcn/ui, and Tailwind CSS.

What's included

10 Fully Built Pages

• Dashboard — Financial overview chart, animated wallet cards, quick transfer, spending limit, money movement
• Accounts — Linked bank accounts with balances, filterable grid, add account flow
• Transactions — 25 entries with search, filters, expandable rows, bulk CSV export
• Transfers — Send/receive/scheduled with stats, tab filters, quick send
• Cards — 3D flip card, freeze toggle, spending controls, virtual card generator
• Analytics — Spending heatmap, category donut drill-down, recurring charge detector, AI insights
• Investments — Portfolio donut, holdings with sparklines, live price ticker, S&P 500 benchmark, watchlist
• Budgets — Animated SVG progress rings, savings goals, spending calendar, month projection
• Settings — Profile, security, 2FA, billing, appearance (theme picker)
• Notifications — Filterable feed with actionable items (accept/decline money requests)

Key Features

• Drag-and-drop dashboard customization (persisted to localStorage)
• Dark/light/system theme support
• Notification dropdown with accept/decline actions
• Dynamic sidebar with active state tracking
• 37 company logos + 9 avatars served locally
• 300+ realistic mock data entries
• Fully responsive

Tech Stack

Next.js 16 · shadcn/ui · Tailwind CSS v4 · Recharts · Motion · @dnd-kit · TypeScript

Infrastructure

• GitHub Actions CI (build + type check + lint)
• MIT License
• Template repository enabled
• Issue templates for bugs and feature requests

---

Full Changelog: https://github.com/abderrahimghazali/shadcn-fintech/commits/v1.0.0