A modern and customizable Analytics Dashboard UI built with React, Tailwind CSS, ShadCN UI, and Recharts. Designed to provide developers with a plug-and-play solution for quickly building interactive, responsive, and beautiful analytics pages.
- 📈 Interactive and reusable chart components (RadialBar, Line, Pie, etc.)
- 🧾 Dynamic tables with filtering, sorting, and pagination
- 🧩 Modular layout using ShadCN UI components
- 🎨 Tailwind CSS-powered responsive design
- ⚙️ Easy integration with APIs or mock data
- 🌙 Dark mode support (if configured with ShadCN)
- 🛠 Built with scalability and component reusability in mind
- React 18+
- Tailwind CSS
- ShadCN UI
- Recharts
- React Router DOM v7+
- TypeScript (optional but recommended)
git clone https://github.com/yourusername/analytics-ui.git
cd analytics-uinpm install
# or
yarn installnpm run dev
# or
yarn devVisit http://localhost:5173 to view the app in your browser.
src/
├── components/ # Reusable UI components (charts, cards, tables)
├── pages/ # Page views and layouts
├── routes/ # React Router route configs
├── utils/ # Helper functions and constants
├── App.tsx
├── main.tsx
└── ...
[Include screenshots or a demo video here]
- Internal team dashboards
- SaaS product analytics modules
- E-commerce admin panels
- Performance tracking UI
- KPI reporting tools
- Update chart styles in
/components/charts - Modify layout and routing in
/pagesand/routes - Tailwind classes allow fast, utility-first styling
- ShadCN components support theming and accessibility
- ✅ Auth integration
- ✅ Drag-and-drop dashboard builder
- ✅ Chart data animations
- ✅ Export options (PDF/CSV)
MIT License
Built by Bhupinder Singh
PRs and contributions welcome!