Next.jsReactAdmin dashboard

plume-dashboard — Next.js Admin dashboard Template

By brenobaptista

A backend dashboard template built with Next.js, Tailwind CSS, and TypeScript, featuring a dark theme and a code-quality toolchain.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
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-03View source

What stands out

A quick read of the recorded project description.

01

Built with Next.js + React, styled with Tailwind CSS

02

Written in TypeScript, explicitly listed as a feature in the README

03

Includes dark theme support

04

Integrates ESLint, Prettier, Husky, and Lint Staged for code standards and pre-commit checks

05

Icons are imported directly as SVGs and converted into React components, sourced from Feather

06

MIT license, allowing free use, modification, commercial use, and distribution

Template Details

Plume is a backend dashboard template maintained by brenobaptista. Its stack is Next.js + React, styling uses Tailwind CSS, and it is written in TypeScript. The README lists features including Next.js, Tailwind CSS, dark theme support, and TypeScript, and it integrates ESLint, Prettier, Husky, and Lint Staged for code checking and pre-commit validation.

Usage is straightforward: install dependencies with yarn, then run yarn dev to start a development server with hot reload at localhost:3000. For icons, the author notes a personal habit of importing SVGs directly into code and converting them into React components; the icons come from Feather, and the README also suggests switching to Feather's icon library or choosing another icon solution.

The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code; when distributing copies or substantial portions of the code, the copyright notice and the full MIT license notice must be retained. Note that the code's MIT license does not cover third-party assets such as demo images, fonts, and icons, which must be checked against their own licenses; external services such as domains, hosting, and databases may incur separate charges. The template itself does not describe data sources, backend APIs, or production deployment in the provided materials.

Next.jsReactAdmin dashboard

Is it right for your project?

Use Cases

  • You need a starting backend dashboard interface based on Next.js and Tailwind CSS
  • You want to write backend pages in TypeScript while keeping a dark theme
  • You want to set up ESLint, Prettier, Husky, and other code checks and commit hooks early in the project
  • You need to manage interface icons by importing SVGs directly

Suitable For

  • Frontend developers familiar with Next.js and React
  • Projects that use Tailwind CSS for styling
  • Those who need a TypeScript backend template as an interface starting point
  • Users who accept the MIT license terms and will retain the copyright notice

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install dependencies with yarn

  2. 2

    Run yarn dev for local development, which by default serves with hot reload at localhost:3000

  3. 3

    Icons are directly imported SVG components sourced from Feather and can be replaced with another icon library

  4. 4

    Third-party assets (images, fonts, icons, etc.) must have their licenses checked separately; the code's MIT license does not cover them

  5. 5

    External services such as demos and hosting may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercially use, 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

  • The icon assets come from the third-party Feather project, whose license is independent of this repository's MIT code license; check that icon library's authorization terms before use.
  • The README suggests switching to Feather's icon library or choosing another icon solution, indicating the icons are not this project's own assets; replacement or use must follow the corresponding third-party license.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

I got these icons from [Feather](https://github.com/feathericons/feather).

Original README

You could just use their library instead or choose a new one.

Original README
https://github.com/brenobaptista/plume-dashboard/blob/main/LICENSEhttps://github.com/brenobaptista/plume-dashboard/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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
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
2023-08-13
Screenshot last checked
2026-10-03

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: cef0aa7c841389da983fc18cb45354b5f00293643c0a3a0809809b37e011fc37

2026-10-03T19:48:16.793Z

Source file / repository
# Plume

> Dashboard template made using Next.js + Tailwind CSS + TypeScript.

## Features

- Next.js
- Tailwind CSS
- Dark theme support
- TypeScript
- ESLint + Prettier + Husky + Lint Staged

## Getting Started

```
Install dependencies:
$ yarn

Serve with hot reload at localhost:3000
$ yarn dev
```

## Icons

For my personal projects I like to import SVGs directly into my code and convert them into React components. I got these icons from [Feather](https://github.com/feathericons/feather). You could just use their library instead or choose a new one.

## Author

| [![brenobaptista](https://avatars1.githubusercontent.com/u/47641641?s=120&v=4)](https://github.com/brenobaptista) |
| ----------------------------------------------------------------------------------------------------------------- |
| [Breno Baptista](https://github.com/brenobaptista)                                                                |

## License

This project is licensed under the [MIT License](/LICENSE)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.