[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-93082":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":15,"starSnapshotCount":15,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},93082,"shadcn-fintech-template","Weebapp003\u002Fshadcn-fintech-template","Weebapp003","shadcn fintech template which interactive cards, live ticker, spending heatmap, and more","https:\u002F\u002Fshadcn-fintech.vercel.app\u002F",null,"TypeScript",148,1141,51,0,109,59.17,"MIT License",false,"main",true,[23,24,25,26,27],"financial-fintech","fintech","fintech-app","fintech-template","template","2026-07-22 04:02:08","\u003Cdiv align=\"center\">\n\n# Shadcn Fintech\n\nA premium, open-source fintech dashboard built with Next.js, shadcn\u002Fui, and Tailwind CSS.\n\n\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-black.svg)](LICENSE)\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16-black)](https:\u002F\u002Fnextjs.org)\n[![shadcn\u002Fui](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fshadcn%2Fui-latest-black)](https:\u002F\u002Fui.shadcn.com)\n[![Tailwind CSS](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTailwind-v4-black)](https:\u002F\u002Ftailwindcss.com)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-strict-black)](https:\u002F\u002Ftypescriptlang.org)\n\n![Shadcn Fintech Dashboard](public\u002Fscreenshots\u002Fshadcn-fintech.png)\n\n\u003C\u002Fdiv>\n\n## Features\n\n- **11 fully built pages** — Dashboard, Accounts, Transactions, Transfers, Cards, Crypto, Analytics, Investments, Budgets, Settings, Notifications\n- **Crypto dashboard** — Candlestick chart, live portfolio, trade form, market overview with 8 coins\n- **Drag-and-drop dashboard** — Rearrange widgets with dnd-kit, persisted to localStorage\n- **Interactive credit cards** — 3D flip animation, freeze toggle, virtual card generator\n- **Live investment ticker** — Simulated real-time price updates with flash animations\n- **Spending heatmap** — GitHub-style 365-day calendar visualization\n- **Actionable notifications** — Accept\u002Fdecline money requests and device authorization inline\n- **Smart analytics** — Category drill-down donuts, recurring charge detector, AI insights\n- **Budget tracking** — Animated SVG progress rings, savings goals, month projection\n- **Quick transfers** — Contact selector with send simulation\n- **Auth pages** — Sign in \u002F sign up with animated 3D globe, powered by [Clerk](https:\u002F\u002Fclerk.com)\n- **Dark mode** — Full dark\u002Flight\u002Fsystem theme support\n- **Responsive** — Works on desktop, tablet, and mobile\n\n## Pages\n\n| Page | Description |\n|------|-------------|\n| `\u002Fdashboard` | Financial overview, wallet cards, quick transfer, spending limit, money movement |\n| `\u002Faccounts` | Linked bank accounts with balances, add account flow |\n| `\u002Ftransactions` | Searchable table with filters, expandable rows, bulk CSV export |\n| `\u002Ftransfers` | Send\u002Freceive\u002Fscheduled transfers with stats and quick send |\n| `\u002Fcards` | 3D flip card, freeze\u002Funfreeze, spending controls, virtual card creator |\n| `\u002Fanalytics` | Spending heatmap, category breakdown, recurring charges, AI insights |\n| `\u002Fcrypto` | Candlestick chart, portfolio balance, top coins, trade form, market overview |\n| `\u002Finvestments` | Portfolio allocation, holdings with sparklines, live ticker, watchlist |\n| `\u002Fbudgets` | Budget rings, savings goals, spending calendar, month projection |\n| `\u002Fsettings` | Profile, security, notifications, billing, appearance |\n| `\u002Fnotifications` | Filterable notification feed with dismiss animations |\n| `\u002Fsign-in` | Auth page with animated 3D globe, social login, powered by Clerk |\n| `\u002Fsign-up` | Registration with name, email, password, terms acceptance |\n\n## Tech Stack\n\n| | Technology |\n|---|---|\n| Framework | [Next.js 16](https:\u002F\u002Fnextjs.org) (App Router) |\n| UI | [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com) |\n| Styling | [Tailwind CSS v4](https:\u002F\u002Ftailwindcss.com) |\n| Charts | [Recharts](https:\u002F\u002Frecharts.org) |\n| Animations | [Motion](https:\u002F\u002Fmotion.dev) |\n| Drag & Drop | [@dnd-kit](https:\u002F\u002Fdndkit.com) |\n| Auth | [Clerk](https:\u002F\u002Fclerk.com) |\n| 3D Globe | [three-globe](https:\u002F\u002Fgithub.com\u002Fvasturiano\u002Fthree-globe) + [Aceternity UI](https:\u002F\u002Fui.aceternity.com) |\n| Icons | [Lucide React](https:\u002F\u002Flucide.dev) |\n| Language | TypeScript |\n\n## Getting Started\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FWeebapp003\u002Fshadcn-fintech-template.git\ncd shadcn-fintech\npnpm install\npnpm dev\n```\n\nOpen [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000) to see the dashboard.\n\n### Redis (optional)\n\nRedis backs the `\u002Fapi\u002Fmarket\u002Fticker` cache when `REDIS_URL` is set:\n\n```bash\ndocker compose up -d\n```\n\nCopy `.env.example` to `.env.local` and set `REDIS_URL=redis:\u002F\u002Flocalhost:6379`. Without Redis, the ticker API still works but skips caching.\n\nCheck connectivity with `GET \u002Fapi\u002Fhealth` — it reports Redis configuration and ping latency when available.\n\n## Customization\n\n**Theme** — Edit `src\u002Fapp\u002Fglobals.css` to customize colors. Full dark mode support via CSS variables.\n\n**Mock Data** — All demo data lives in `src\u002Fdata\u002Fseed.ts`. Replace with your own data or connect to a real API.\n\n**Dashboard Layout** — Click \"Customize\" on the dashboard to drag and rearrange widgets. Persists to localStorage.\n\n## Sponsor this project\n\nThis project is free and open-source. If it helped you build something, saved you time, or you just think it's cool — consider supporting its development. Your sponsorship helps keep this project maintained, improved, and free for everyone.\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002FWeebapp003\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSponsor-GitHub-ea4aaa?logo=github&logoColor=white\" alt=\"Sponsor on GitHub\" \u002F>\n\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fbuymeacoffee.com\u002FWeebapp003\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FBuy%20Me%20a%20Coffee-ffdd00?logo=buy-me-a-coffee&logoColor=black\" alt=\"Buy Me a Coffee\" \u002F>\n\u003C\u002Fa>\n\nEvery star, share, and contribution also goes a long way. Thank you for your support!\n\n## License\n\nLicensed under the [MIT License](LICENSE).","这是一个基于Next.js和shadcn\u002Fui构建的开源金融科技仪表盘模板，专为快速搭建金融类Web应用提供开箱即用的UI与功能模块。核心包含交互式卡片、实时行情ticker、年度支出热力图、拖拽式仪表盘、加密货币看板、预算追踪、AI驱动的消费分析等；采用TypeScript开发，支持深色模式与全端响应式布局。适用于个人财务工具、银行\u002F券商内部系统原型、FinTech初创产品MVP开发及前端团队的UI组件参考。",2,"2026-07-11 02:30:51","CREATED_QUERY"]