معرفی

NOVAADMIN یک قالب پنل مدیریت چندمنظوره و فارسی‌محور است که با HTML5، SCSS، ماژول‌های ES2022 و Vite ساخته شده. هر صفحه یک فایل HTML مستقل است؛ هیچ فریم‌ورک جاوااسکریپتی مثل React/Vue در کار نیست و هیچ بک‌اندی لازم ندارید.

نکته: هدف این قالب «نمونه اولیه سریع» نیست؛ یک سیستم طراحی کامل با توکن، تم روشن/تاریک/سیستم، شش تم رنگی، RTL و LTR هم‌سطح، تقویم شمسی و ۲۰۶ صفحه آماده است

چه چیزی داخل جعبه است؟

  • ۶ چیدمان — سایدبار پیش‌فرض، مینی، جمع‌شده، افقی، دو ستونی و باکس‌دار
  • ۱۰ داشبورد تخصصی — آنالیتیکس، فروشگاهی، CRM، SaaS، مالی، پروژه‌ها، منابع انسانی، پشتیبانی، هوش مصنوعی و لجستیک
  • کارگاه هوش مصنوعی — چت، نویسنده، خلاصه‌ساز، بازتولید محتوا، کتابخانه پرامپت، استودیو تصویر، زمان‌بند، مصرف، مدل‌ها و کلیدهای API
  • ماژول‌های سازمانی — کاربران و نقش‌ها، فروشگاه، CRM، پروژه و وظایف، کانبان، تقویم، ایمیل، گفتگو، فایل‌ها، تیکت‌ها، CMS و مالی
  • ۲۳ مستند (همین بخش)، صفحات خطا، صفحات بازاریابی، UI Kit و ۲۰۰+ صفحه قابل استفاده
  • لایه داده شبیه‌سازی‌شده — src/services/* با همان قرارداد REST تا اتصال به API واقعی فقط یک فایل را تغییر دهد

برای چه کسی مناسب است؟

مخاطباستفاده
تیم محصولراه‌اندازی سریع پنل داخلی با ظاهر حرفه‌ای و پشتیبانی فارسی
توسعه‌دهنده فرانت‌اندسیستم طراحی آماده، کامپوننت‌های مستند و ساختار ماژولار
آژانس‌هاتحویل سریع به مشتری با تم اختصاصی و زبان‌های fa/en/ar
توسعه‌دهنده بک‌اندفرانت آماده که فقط به API شما وصل می‌شود

معماری در یک نگاه

index.html            صفحه محصول
src/pages/**          ۲۰۶ صفحه تولیدشده (پوسته + محتوا)
src/partials/**       قطعه‌های مشترک (head، هدر، فوتر، پاپ‌آپ‌ها، پیام‌ها)
src/scss/**           توکن‌ها، تم‌ها، کامپوننت‌ها و لایه‌های چیدمان
src/js/core/**        هسته: تم، چیدمان، جدول داده، نمودار، تقویم، کانبان…
src/js/pages/**       کنترل‌کننده هر بخش (داشبوردها، ماژول‌ها، AI، اپلیکیشن‌ها…)
src/services/**       لایه داده (شبیه‌سازی REST با تأخیر واقعی)
src/data/**           داده نمونه واقع‌گرایانه
src/locales/**        دیکشنری فارسی، انگلیسی و عربی
tools/**              ابزارهای ساخت، تولید دارایی‌ها، کنترل کیفیت و بسته‌بندی
docs/**               منبع مارک‌داون همین مستندات
هدف: هر فایل یک مسئولیت داشته باشد

اگر برای تغییر یک رفتار مجبور شدید دو جا را ویرایش کنید، ساختار را نقض کرده‌اید.

مسیر پیشنهادی مطالعه

  1. نصب — اجرای پروژه در دو دقیقه
  2. ساختار پروژه — کجای پروژه چه چیزی است
  3. تنظیمات — نام برند، رنگ، زبان، ارز و تقویم
  4. شخصی‌سازی تم و RTL و LTR
  5. افزودن صفحه جدید و اتصال به API

مجوز

این قالب برای استفاده در پروژه‌های شما مجاز است؛ فروش مجدد یا انتشار عمومی فایل‌های منبع بدون اجازه کتبی مجاز نیست. جزئیات در LICENSE.txt و صفحه اعتبارها.

Introduction

NOVAADMIN is a multi-purpose, Persian-first admin dashboard template built with HTML5, SCSS, ES2022 modules and Vite. Every page is a standalone HTML file; there is no JavaScript framework such as React/Vue involved and you need no backend.

Tip: this template is not a "quick prototype"; it is a complete design system with tokens, light/dark/system themes, six colour themes, first-class RTL and LTR, a Jalali calendar and 206 ready-made pages

What's in the box?

  • 6 layouts — default sidebar, mini, collapsed, horizontal, two-column and boxed
  • 10 specialised dashboards — analytics, e-commerce, CRM, SaaS, finance, projects, HR, support, AI and logistics
  • AI workspace — chat, writer, summarizer, content repurposer, prompt library, image studio, scheduler, usage, models and API keys
  • Enterprise modules — users and roles, store, CRM, projects and tasks, kanban, calendar, email, chat, files, tickets, CMS and finance
  • 23 documentation topics (this section), error pages, marketing pages, a UI Kit and 200+ usable pages
  • Simulated data layer — src/services/* follows the same REST contract, so connecting a real API means changing a single file

Who is it for?

AudienceUse
Product teamsLaunch an internal panel fast with a professional look and Persian support
Front-end developersA ready design system, documented components and a modular structure
AgenciesFast client delivery with a custom theme and fa/en/ar languages
Back-end developersA finished front end that only needs to be wired to your API

Architecture at a glance

index.html            product page
src/pages/**          206 generated pages (shell + content)
src/partials/**       shared fragments (head, header, footer, popups, messages)
src/scss/**           tokens, themes, components and layout layers
src/js/core/**        core: theme, layout, data table, charts, calendar, kanban…
src/js/pages/**       one controller per area (dashboards, modules, AI, apps…)
src/services/**       data layer (REST simulation with realistic latency)
src/data/**           realistic sample data
src/locales/**        Persian, English and Arabic dictionaries
tools/**              build, asset generation, quality control and packaging tools
docs/**               Markdown source of this documentation
Goal: every file should have one responsibility

If changing one behaviour forces you to edit two places, you have broken the structure.

Suggested reading path

  1. Installation — run the project in two minutes
  2. Folder structure — where everything lives
  3. Configuration — brand name, colour, language, currency and calendar
  4. Theme customization and RTL and LTR
  5. Adding a new page and API integration

License

You may use this template in your own projects; reselling or publicly redistributing the source files without written permission is not allowed. Details are in LICENSE.txt and on the Credits page.

مقدمة

NOVAADMIN قالب لوحة إدارة متعدد الأغراض يضع الفارسية أولاً، مبني بـ HTML5 وSCSS ووحدات ES2022 وVite. كل صفحة ملف HTML مستقل؛ لا يوجد أي إطار عمل جافاسكريبت مثل React/Vue، ولا تحتاج إلى أي واجهة خلفية.

ملاحظة: هذا القالب ليس «نموذجاً أولياً سريعاً»؛ بل نظام تصميم متكامل مع رموز تصميم، وسمات فاتحة/داكنة/حسب النظام، وست سمات لونية، ودعم متكافئ لـ RTL وLTR، وتقويم هجري شمسي و٢٠٦ صفحات جاهزة

ماذا يوجد داخل الحزمة؟

  • ٦ تخطيطات — الشريط الجانبي الافتراضي، المصغّر، المطوي، الأفقي، ذو العمودين والمؤطّر
  • ١٠ لوحات متخصصة — التحليلات، المتجر، CRM، SaaS، المالية، المشاريع، الموارد البشرية، الدعم، الذكاء الاصطناعي واللوجستيات
  • ورشة الذكاء الاصطناعي — الدردشة، الكاتب، الملخِّص، إعادة صياغة المحتوى، مكتبة الموجّهات، استوديو الصور، المجدول، الاستهلاك، النماذج ومفاتيح API
  • الوحدات المؤسسية — المستخدمون والأدوار، المتجر، CRM، المشاريع والمهام، كانبان، التقويم، البريد، الدردشة، الملفات، التذاكر، CMS والمالية
  • ٢٣ موضوعاً توثيقياً (هذا القسم)، وصفحات الأخطاء، وصفحات التسويق، وUI Kit وأكثر من ٢٠٠ صفحة قابلة للاستخدام
  • طبقة بيانات محاكاة — src/services/* تتبع عقد REST نفسه، فيقتصر الربط بـ API حقيقي على تعديل ملف واحد

لمن هو مناسب؟

الجمهورالاستخدام
فرق المنتجإطلاق سريع للوحة داخلية بمظهر احترافي ودعم للفارسية
مطوّرو الواجهة الأماميةنظام تصميم جاهز، ومكونات موثقة، وبنية معيارية
الوكالاتتسليم سريع للعميل بسمة مخصصة ولغات fa/en/ar
مطوّرو الواجهة الخلفيةواجهة أمامية جاهزة لا تحتاج إلا إلى الربط بـ API الخاص بك

البنية في لمحة

index.html            صفحة المنتج
src/pages/**          ٢٠٦ صفحات مولّدة (الهيكل + المحتوى)
src/partials/**       أجزاء مشتركة (head، الترويسة، التذييل، النوافذ المنبثقة، الرسائل)
src/scss/**           رموز التصميم، السمات، المكونات وطبقات التخطيط
src/js/core/**        النواة: السمة، التخطيط، جدول البيانات، المخططات، التقويم، كانبان…
src/js/pages/**       متحكم لكل قسم (اللوحات، الوحدات، الذكاء الاصطناعي، التطبيقات…)
src/services/**       طبقة البيانات (محاكاة REST بتأخير واقعي)
src/data/**           بيانات نموذجية واقعية
src/locales/**        قواميس الفارسية والإنجليزية والعربية
tools/**              أدوات البناء وتوليد الأصول وضبط الجودة والتحزيم
docs/**               مصدر Markdown لهذه الوثائق
الهدف: أن تكون لكل ملف مسؤولية واحدة

إذا اضطررت إلى تعديل موضعين لتغيير سلوك واحد، فقد أخللت بالبنية.

مسار القراءة المقترح

  1. التثبيت — تشغيل المشروع في دقيقتين
  2. بنية المشروع — أين يوجد كل شيء
  3. الإعدادات — اسم العلامة، اللون، اللغة، العملة والتقويم
  4. تخصيص السمة وRTL وLTR
  5. إضافة صفحة جديدة والربط بـ API

الترخيص

يُسمح باستخدام هذا القالب في مشاريعك؛ ولا يُسمح بإعادة بيع ملفات المصدر أو نشرها علناً دون إذن كتابي. التفاصيل في LICENSE.txt وصفحة الاعتمادات.