Uses Vite as the build tool, paired with React and TypeScript
ViteReactAdmin dashboard
vivid — Vite Admin dashboard Template
By vivid-ts
An open-source admin menu template built with Vite and React, using Mantine and Tailwind CSS for the interface.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Interface built with a combination of Mantine and Tailwind CSS
Positioned as an admin menu, with the repository description "React Admin Menu"
Provides an online demo site, including desktop and mobile homepage and inner page screenshots
Uses the MIT license, permitting use, modification, commercial use, and distribution
Template Details
Vivid is an open-source admin menu template. Its repository description is "React Admin Menu", and it is positioned to accelerate the development of management platforms. The tech stack is Vite + React + TypeScript, and the interface layer incorporates two styling solutions: Mantine and Tailwind CSS.
The repository provides an online demo site with actual screenshots of the desktop homepage, mobile homepage, and an inner page (the /blog path), which can be used to understand how the menu and page layout are presented.
The documentation and feature description sections in the README are marked "Coming soon"; a complete feature list and usage documentation are not yet available. Therefore, the template's specific capabilities should be based on the repository code and the demo site. The project uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification.
ViteReactBackend
Is it right for your project?
Use Cases
- Building the menu and page framework for an admin management system
- As an interface reference for using both Mantine and Tailwind CSS in a React project
- As a starting template for frontend development of a management platform
Suitable For
- Frontend developers who need a React admin menu starting point
- React projects using Vite and TypeScript
- Those who want to reference the combined usage of Mantine and Tailwind CSS
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository: git clone https://github.com/edqe14/vivid MyProject
- 2
After entering the directory, install dependencies using yarn
- 3
Run yarn dev to start the development server
- 4
The documentation and feature description in the README are marked "Coming soon" and are not yet available
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 is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- 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
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they 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
https://github.com/vivid-ts/vivid/blob/main/LICENSEhttps://github.com/vivid-ts/vivid/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 65 / 100
- Technologies
- Vite · 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-07-26
- Screenshot last checked
- 2026-10-02
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 Vite 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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 77a60b295a6e385ee547fd4af95f4cf8fa7bc39ff099607a12ad152af381c45e
2026-10-02T17:05:48.302Z
Source file / repository<div align="center"> <img src="./public/vivid.svg" /> <br /> <h1>Vivid</h1> <p>🦄 Speed-up your development for your managing platform.</p> </div> <br /> ## ❓ About Open-source admin menu built using Vite + React + TS. Vivid is power-charged with [Mantine](https://mantine.dev) & [Tailwind CSS](https://tailwindcss.com) for better and faster development. ## 🚀 Getting Started 1. Clone the repo ```bash git clone https://github.com/edqe14/vivid MyProject ``` 2. Install dependencies ```bash cd MyProject && yarn ``` 3. Start the dev server ```bash yarn dev ``` ## 📚 Documentation, Features, etc. > Coming soon ## 📝 License MIT © [Edqe14](https://github.com/edqe14)
Explore similar templates
Compare previews and descriptions within the same stack and category.
kiaalap
Kiaalap is a free, open-source admin template from Colorlib for education, online courses, and school management.
Vite · Admin dashboard
react-vite-admin
A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.
Vite · Admin dashboard
admin-antd-react
A Vite + React 18 admin template using Ant Design and Recoil, with login, logout, and registration flows; page, button, and permission configuration verification; internationalization; dynamic sidebar and breadcrumbs; Svg Sprite icons; Mock data; and list, form, and detail page examples.
Vite · Admin dashboard
arco-admin-template
A Vite + React mid-to-back-office template using Arco Design, react-router-dom v6, mockjs, and less, with internationalization, theme customization, and light/dark switching. Includes login, dashboard, resource, component examples, settings, and 404 pages.
Vite · Admin dashboard
super-admin
A React, Vite, and Antd admin template that implements multi-tab route caching similar to Vue keepalive and route-based permission control.
Vite · Admin dashboard
react-vite-tailwind-typescript-firebase-auth-template
A starter template for backend applications using Vite, React, TypeScript, TailwindCSS, and Firebase Auth, featuring login and dashboard interfaces. Requires your own Firebase project and credentials in .env; no backend logic included.
Vite · Admin dashboard