Admin dashboard template based on the Next.js App Router and Shadcn UI
Next.jsReactAdmin dashboardStarter
TeamPulse — Next.js Admin dashboard Template
By manju1807
TeamPulse is an admin dashboard starter template built on Next.js and Shadcn UI, including pages for analytics charts, user and employee tables, multi-step forms, a kanban board, authentication, and file uploads.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-04View source
What stands out
A quick read of the recorded project description.
Dashboard page includes analytics cards and recharts charts
Users and Employee pages use TanStack Table, demonstrating client-side and server-side search and pagination respectively
Profile page is a multi-step dynamic form with react-hook-form and Zod validation
Kanban board implements drag-and-drop task management with dnd-kit and Zustand
Integrates NextAuth login and Uploadthing file uploads (including a dropzone)
Template Details
TeamPulse is an admin dashboard starter template built with the Next.js App Router and Shadcn UI components, alongside TypeScript, Tailwind CSS, Zod, Zustand, NextAuth, Uploadthing, TanStack Table, React Hook Form, and other dependencies. The repository's README lists each page and the technologies used, making it a suitable starting point for an admin interface.
The template provides these pages: Signup (NextAuth social and email login), Dashboard (analytics cards and recharts charts), Users (TanStack table with client-side search and pagination), Users/new (user form with an Uploadthing dropzone), Employee (TanStack table with server-side search and pagination), Profile (multi-step dynamic form with react-hook-form and Zod validation), Kanban Board (drag-and-drop task board using dnd-kit and Zustand), and a root-level custom 404 page.
Before use, follow the README to clone the repository, install dependencies, copy env.example.txt to .env.local and fill in the required environment variables, then run the development server. The template is MIT licensed; you may use, modify, commercialize, and distribute this version of the code for free, but third-party assets such as demo images, fonts, and icons require separate license checks, and external services such as domains, hosting, and databases may incur additional charges.
Next.jsReactAdminStarter
Is it right for your project?
Use Cases
- Building an admin interface with analytics charts and data tables
- Demonstrating TanStack Table's client-side and server-side search and pagination usage
- Implementing a multi-step profile editing flow with Zod validation
- Building a kanban-style task management page with drag-and-drop support
- Adding NextAuth login and Uploadthing file uploads to an admin backend
Suitable For
- Frontend developers who need a starting point for an admin dashboard interface
- Projects using the Next.js and Shadcn UI stack
- Teams looking for reference implementations of common admin pages such as tables, forms, and kanban boards
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, enter the project directory and run npm install to install dependencies
- 2
Copy env.example.txt to .env.local and fill in the required environment variables
- 3
Run npm run dev to start the development server, accessible by default at http://localhost:3000
- 4
External services such as NextAuth and Uploadthing require you to configure their credentials yourself
- 5
Third-party assets such as demo images, fonts, and icons require separate license checks under their respective terms
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute this version of the code for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- You must configure environment variables yourself before use (such as credentials for external services like NextAuth and Uploadthing), otherwise the related login and file upload features will not work.
- Social and email login depends on NextAuth and third-party OAuth services; you must register applications and configure keys yourself, and these may be subject to each provider's terms and fees.
- File uploads depend on the external Uploadthing service; you must register an account and configure an API key, and its free quota and pricing policy are determined by that provider.
- Demo images, fonts, icons, and other third-party assets require separate license checks and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Add the required environment variables to the `.env.local` file.
Original README
Authentication support with NextAuth (social and email logins)
Original README
https://github.com/manju1807/TeamPulse/blob/main/LICENSEhttps://github.com/manju1807/TeamPulse/blob/main/README.mdFile uploading capabilities with Uploadthing and dropzone
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-04. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 73 / 100
- Technologies
- Next.js · React
- Website type
- Admin dashboard · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2024-09-30
- Screenshot last checked
- 2026-10-04
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 37a1f65857f1ac45b059503e0cdceedbbe9fad7ec9b72e09dfa90d0d958881e6
2026-10-04T02:51:15.340Z
Source file / repository# 🚀 Teampulse - Next.js 14 Admin Dashboard Starter Template **Teampulse** is a sophisticated dashboard UI template built using Next.js and Shadcn UI. It provides a robust starting point for creating powerful admin interfaces with modern web technologies. ## 🌟 Key Features * 📊 Comprehensive dashboard with analytics cards and recharts graphs * 👥 User management with Tanstack tables (client-side searching, pagination) * 👨💼 Employee management with Tanstack tables (server-side searching, pagination) * 📝 Multi-step dynamic forms for profile management * 📋 Kanban board for task management with drag-and-drop functionality * 🔐 Authentication support with NextAuth (social and email logins) * 📁 File uploading capabilities with Uploadthing and dropzone * 🎨 Sleek UI components from Shadcn-ui * 📱 Responsive design for various devices ## 🛠️ Built With * ⚡ **Next.js 14** - React framework with App Router * 🦾 **TypeScript** - Typed superset of JavaScript * 🎨 **Tailwind CSS** - Utility-first CSS framework * 🧩 **Shadcn-ui** - Re-usable components built with Radix UI and Tailwind CSS * 🔍 **Zod** - TypeScript-first schema validation * 🗃️ **Zustand** - State management * 🔐 **NextAuth.js** - Authentication for Next.js * 📤 **Uploadthing** - File uploading solution * 📊 **Tanstack Table** - Headless UI for building powerful tables * 📝 **React Hook Form** - Performant, flexible and extensible forms * 🧹 **ESLint** - Pluggable JavaScript linter * 🐶 **Husky** - Git hooks made easy * 💅 **Prettier** - Opinionated code formatter ## 📄 Pages 1. **Signup**: Authentication with NextAuth, supporting social and email logins 2. **Dashboard**: Analytics cards with recharts graphs 3. **Users**: Tanstack table with user details, client-side searching, and pagination 4. **Users/new**: User form with Uploadthing for file uploading (dropzone included) 5. **Employee**: Tanstack table with server-side searching and pagination 6. **Profile**: Multi-step dynamic forms using react-hook-form and Zod for validation 7. **Kanban Board**: Drag-and-drop task management board using dnd-kit and Zustand 8. **Not Found**: Custom 404 page at the root level ## 🚀 Getting Started Follow these steps to get Teampulse up and running on your local machine: 1. Clone the repository: git clone <https://github.com/YourUsername/teampulse.git> 2. Navigate to the project directory and install dependencies: cd teampulse npm install 3. Create a `.env.local` file by copying the example: cp env.example.txt .env.local 4. Add the required environment variables to the `.env.local` file. 5. Start the development server: npm run dev You should now be able to access Teampulse at `http://localhost:3000`. --- ### Screenshots       --- Created with ❤️ by Manjunath R
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS