Description:
Nexora is a modern CRM admin dashboard template built with TanStack Start, React, TypeScript, Tailwind CSS and shadcn/ui. It gives you a polished, production-ready interface for managing leads, contacts, companies, deals, activities and sales analytics, so you can skip weeks of UI work and focus on your product.
Nexora is a frontend template. It includes sample data and UI-only authentication screens, so you can connect it to your own backend, database and authentication provider.
Admin Modules
- Dashboard with charts and sales metrics
- Reports and analytics page
- Leads: data table, add lead page and kanban pipeline
- Deals: data table and kanban pipeline
- Contacts and Companies: list pages and detail pages
- Activities and Calendar
- Team management
- Settings
Data Tables and Controls
- Search, filters, sorting, pagination and row selection
- Bulk actions with delete confirmation dialogs
- Create forms in side sheets
- Header with search, notifications and a quick create menu
- Collapsible sidebar that becomes a drawer on mobile
Authentication Pages
- Login
- Register
- Forgot password
- Reset password
- Verify email
- Two-factor authentication
- Password updated
- Accept invite
Landing Page
- Hero section with an interactive product preview
- Features, testimonials, pricing and FAQ sections
- Footer with newsletter form
- Edit the content from simple data arrays at the top of each section
Design and Experience
- Light and dark mode
- Fully responsive layouts for desktop, tablet and mobile
- Smooth animations built with Motion, with support for the reduced motion setting
- Theme colors controlled by CSS variables, so rebranding takes minutes
Technology
- TanStack Start and TanStack Router (file-based routing)
- React and TypeScript
- Tailwind CSS
- shadcn/ui components
- TanStack Table
- Recharts
- Motion
- Vite
- Monorepo structure with a shared UI package
Built for Developers
- Clean, predictable file naming
- One folder per module, with small single-purpose components
- Table logic separated into hooks, sample data separated into data files
- Fully typed with TypeScript
Files Included
- Full source code
- PDF documentation covering local setup, project structure, routing, theming and connecting a backend
Requirements
- Node.js (current LTS release) and npm
- Install the dependencies, start the development server and open the app in your browser. The included documentation walks you through each step.
Sources and Credits
- TanStack Start, TanStack Router and TanStack Table
- React
- Tailwind CSS
- shadcn/ui
- Recharts
- Motion
- Lucide Icons and React Icons
All libraries are open source and used under their respective licenses. Demo data, names and screenshots are for preview purposes only.