Built with Next.js 14 — Production Ready

The SaaS Admin
You Don't Have to Build.

Dashboard, users, billing, AI chat, notifications, i18n, auth & dark mode — all wired up and ready to ship.

Live Demo View on GitHub

TypeScript Tailwind CSS Shadcn UI Docker Ready

10+

Core Features

Languages (i18n)

AI Providers

100%

TypeScript

Everything you need, out of the box

Stop rebuilding admin panels from scratch. Lite SaaS Admin ships with every feature your SaaS needs on day one.

Analytics Dashboard

Revenue stats, visitor charts, recent activity feed with real-time data refresh. Multiple time ranges supported.

Recharts-powered visualizations

User Management

Full user table with search, pagination, column sorting, user details drawer, and ban/unban functionality.

Admin-ready CRUD operations

Billing & Credits

Subscription plans, order history, pricing page with monthly/yearly toggle, and Stripe checkout integration.

Stripe-ready payment flow

AI-Powered

AI Chat

Multi-provider chat interface supporting GPT-4o, GPT-4, Claude 3, and Gemini Pro with conversation history.

4 AI providers, 1 interface

Authentication

Token-based auth with 1-hour expiry, auto redirects, route protection, login, signup, and email verification.

Complete auth flow included

Internationalization

Full i18n with English and Chinese. Zustand-powered language store with persistent preference and easy extension.

Add any language in minutes

Notifications

Real-time notification system with type/status filters, mark as read, pagination, and header dropdown preview.

Never miss an update

Dark Mode

System preference detection, manual toggle, persistent theme preference with smooth transitions via next-themes.

Light & dark, seamlessly

Responsive Design

Mobile-friendly layout with collapsible sidebar. Works beautifully on every screen size from phone to desktop.

Pixel-perfect on every device

Built on a modern stack

Every technology choice is deliberate — fast builds, type safety, beautiful UI, and developer happiness.

Next.js 14 App Router

Server components, streaming, and the latest React features out of the box.

Tailwind CSS + Shadcn UI

Utility-first styling with beautifully crafted Radix-based component primitives.

Zustand + React Hook Form

Lightweight state management and performant forms with Zod schema validation.

Docker + Standalone Output

Production-ready Dockerfile, docker-compose, and output: 'standalone' for optimized builds.

project structure

app/
  admin/users/        # User management
  ai-chat/            # AI chat interface
  billing/            # Billing & orders
  credits/            # Pricing plans
  dashboard/          # Analytics
  notifications/      # Notification center
  profile/            # User profile
  api/                # Mock REST APIs
components/
  ui/                  # Shadcn UI
  layout/              # Header, sidebar
  dashboard/           # Charts, stats
lib/
  i18n/                # Translations
  auth.ts              # Token management
store/                  # Zustand stores

Every page, fully built

Not just a skeleton — every route is functional with mock data, API integration, and polished UI.

/dashboard

Revenue statistics with trend indicators, visitor overview chart (7d / 30d / 3mo), recent activity feed, and real-time data refresh.

/admin/users

User list table with search, pagination, column sorting, user details drawer, and ban/unban with reason & expiration.

/ai-chat

Multi-provider AI chat with GPT-4o, GPT-4, Claude 3, Gemini Pro. Provider switching, real-time streaming, and conversation history.

/billing

Current subscription plan display, order history table, and upgrade CTA linking to the credits/pricing page.

/credits

Pricing plans (Free, Pro, Enterprise) with monthly/yearly toggle, plan comparison, and Stripe checkout integration.

/notifications

Full notification list with type/status filters, mark as read/delete, pagination, and header dropdown with latest 5 items.

/profile

Email management, authentication method management, and connect/disconnect third-party auth providers.

Up and running in 3 steps

Clone & Install

Clone the repository and run npm install. All dependencies are pinned and tested.

Run Dev Server

Start with npm run dev. Mock APIs included — no external services needed to explore every feature.

Customize & Ship

Replace mock APIs with your backend, configure auth, connect Stripe, and deploy to Vercel, Docker, or any VPS.

Deploy anywhere

Docker, Vercel, Netlify, or your own VPS — Lite SaaS Admin is ready for any environment.

Docker

Dockerfile & compose included

Vercel

One-click deploy

Netlify

Build & deploy config ready

Self-Hosted

PM2 + Nginx on any VPS

Ready to ship your SaaS faster?

Skip weeks of boilerplate. Start with a production-ready admin dashboard.

Try Live Demo Star on GitHub

The SaaS AdminYou Don't Have to Build.