Stop Rebuilding UI

Kanban Investment Tracker

React portfolio management kanban for Next.js with ultra-compact cards, HoverCard detail popups showing entry price, current value, return percentage, allocation, and investment thesis using shadcn/ui HoverCard and Tailwind CSS.

Scroll to load preview

Manage your investment portfolio with this React and Next.js kanban board. Four columns — Watching, Position Open, Holding, and Exited — display ultra-compact asset cards that reveal rich HoverCard popups on hover with entry price, current value, return percentage, portfolio allocation, and investment thesis. Built with TypeScript, Framer Motion entrance animations, shadcn/ui HoverCard and Badge components, and Tailwind CSS. Ideal for portfolio dashboards, investment tracking tools, and asset management platforms.

FAQ

Last updated on March 30, 2026

Was this page helpful?

Sign in to leave feedback.