RSuite Admin Template

December 8, 2025 · View on GitHub

A Next.js + TypeScript admin dashboard template built with RSuite.

Provides a modern layout, prebuilt pages (dashboard, forms, calendar, auth, error pages) and a themeable design system based on CSS variables and RSuite themes.

preview

preview

Tech stack

  • Framework: Next.js (App Router)
  • UI Library: RSuite
  • Language: TypeScript
  • Styling: CSS modules + global CSS variables (light / dark / system themes)

Getting started

Clone the repository:

git clone git@github.com:<YOUR_NAME>/rsuite-admin-template.git
cd rsuite-admin-template

Install dependencies:

npm install

Run the development server (default: http://127.0.0.1:3000):

npm run dev

Scripts

  • npm run dev – Start the development server
  • npm run build – Create a production build
  • npm run start – Run the production build

Theming

The template uses CSS variables and RSuite theme tokens to support light, dark and system themes.

  • Global variables are defined in src/app/globals.css
  • Layout and components consume variables instead of hardcoded colors
  • Theme switching is implemented in the sidebar user menu

License

MIT