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

🌏 Live Demo 🌑 Dark Mode
Other languages
🇨🇳 Chines | 🇮🇷 Persian | 🇸🇦 Arabic | 🇹🇷 Turkish | 🇩🇪 Germany

• ⚡️ 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

Yummy Admin requires Node >=18.18

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

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

Just run and visit http://localhost:7000

pnpm dev

To build the App, run

pnpm build

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

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