Yummy Admin

June 16, 2026 · View on GitHub

CI Netlify Status Static Badge Static Badge

Nuxt Version

I decided to migrate YummyAdmin to Nuxt and use SSR and its other features, and continue developing it in Nuxt. you can access YummyAdmin.Nuxt in this repository: https://github.com/doroudi/YummyAdmin.Nuxt Preview

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), UnoCss, Web Socket

Preview

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

Preview

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

  • ☁️ 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.