Yummy Admin

Free Vue AdminPanel based on Naive UI and Tailwind CSS. Fairly complete with a beautiful design, Full RTL support and multilingual support. Built using modern web technologies like: Pinia, TypeScript, MockServiceWorker (MSW), Cypress, UnoCss, Web Socket

🌏 Live Demo 🌑 Dark Mode
Other languages demo:
Chines | Persian | Arabic | Turkish | Germany

Features

• ⚡️ Vue 3, Vite, pnpm, esbuild - born with fastness

• 🛒 eCommerce-ready sections (products, categories, orders, customers)

• 🎭 Supporting MockServiceWorker(MSW) and FakerJs to get production-like data

• 🗂 File based routing

• 📦 Components auto-importing

• 🍍 State Management via Pinia

• 📑 Layout system

• 🌍 Multi-language support using I18n

• ⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions

• ☁️ Deploy on Netlify, zero-config

Try it now!

Yummy Admin requires Node >=20.0

Clone to local

npx degit https://github.com/doroudi/yummyadmin yummy-admin
cd yummy-admin
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Checklist

When you use this template, try to follow the checklist to update your info properly

• Change the author name in LICENSE
• Change the title in locales/en.yaml
• Change the hostname in vite.config.ts
• Change the favicon in public
• Remove the .github folder, which contains the funding info
• Clean up the READMEs and remove routes

And, enjoy :)

Support this project

Development

Just run and visit http://localhost:7000

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in dist, which is ready to be served.

Deploy on Netlify

Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.

docker buildx build . -t yummyadmin:latest

Run the image and specify port mapping with the -p flag.

docker run --rm -it -p 8080:80 yummyadmin:latest