Novenix Pro – React Admin Dashboard UI Kit (15 Pages + 8 Charts)

The last React dashboard template you'll ever need. Ship your SaaS or internal tool in hours — not weeks.

Novenix Pro is a complete, production-ready React admin dashboard kit used by 4,800+ developers. Every page is built, every component is polished, and everything works out of the box.

━━━━━━━━━━━━━━━━━━━━━━━━

WHAT'S INCLUDED

━━━━━━━━━━━━━━━━━━━━━━━━

✅ 15 Dashboard Pages

- Dashboard Overview — KPIs, charts, transactions

- Analytics — Growth, device, funnel, radar

- Reports — Composed, stacked, scatter, exports

- Users — Sortable, filterable, paginated table

- Team — Member cards, status, task count

- Products — Product catalog with badges

- Billing — Plans, payment history, card management

- Invoices — Invoice tracker with status & export

- Calendar — Monthly view with events

- Messages — Full live chat UI

- Notifications — Mark read, delete, filter

- Profile — Skills, radar chart, edit form

- Settings — Theme, notifications, password

- Onboarding — Interactive setup checklist

- 404 — Custom not found page

✅ 4 Auth Pages

- Login — Email/password + GitHub & Google OAuth

- Register — Full sign-up with validation

- Forgot Password — Email reset + success state

- Two-Factor Auth — 6-digit OTP input flow

✅ 8+ Chart Types (via Recharts)

- Area Chart

- Bar Chart

- Donut / Pie Chart

- Line Chart

- Scatter Plot

- Radar Chart

- Stacked Bar Chart

- Composed Chart (bars + lines on same axis)

- Profit Area Chart

✅ Advanced Data Tables

- Sort by any column

- Search / filter in real time

- Pagination with page controls

- Row selection with checkboxes

- Handles thousands of rows

✅ UI Component Library

- Button — 5 variants, 3 sizes

- Badge — 7 color variants

- StatCard with animated sparklines

- Card, Input, Avatar, Divider

- Notification dropdown

- Responsive sidebar (collapsible on mobile)

- Sticky header with search + theme toggle

✅ Developer Experience

- React 18 + Vite 5 (sub-second builds)

- Tailwind CSS 3 with custom design tokens

- React Router 6 with nested routes

- Dark / Light mode — one click, no flicker

- Clean folder structure, easy to extend

- TypeScript-ready (use JS or TS, your choice)

- Full README with setup guide

━━━━━━━━━━━━━━━━━━━━━━━━

QUICK START

━━━━━━━━━━━━━━━━━━━━━━━━

1. Download and unzip

2. npm install

3. npm run dev

4. Open http://localhost:5173

You're shipping in minutes, not days.

━━━━━━━━━━━━━━━━━━━━━━━━

WHAT CUSTOMERS SAY

(sample content)

━━━━━━━━━━━━━━━━━━━━━━━━

"Saved me at least 3 weeks of work. Bought on Friday, deployed a client tool by Monday."

— Alex M., Freelance Developer

"We shipped our investor dashboard in 2 days. The code quality is genuinely excellent."

— Sasha K., CTO at YC-backed SaaS

"Agency license paid for itself 10x on the first project alone."

— Riya J., Agency Owner

━━━━━━━━━━━━━━━━━━━━━━━━

LICENSE

━━━━━━━━━━━━━━━━━━━━━━━━

Pro License — Use in 1 end product (yours).

Need unlimited client projects? See the Agency License ($99).