为什么值得关注

它集成了精美的响应式仪表盘、圆形移动底部导航栏、命令面板以及实用的无障碍模式（色盲、高对比度等），是快速搭建 ERP 界面原型的杰出起点。

适合谁使用

构建 ERP 或管理后台的前端开发者
寻找响应式、包容性模板的 UI/UX 设计师
需要快速制作 ERP 界面原型的初创团队
学习现代 React 实际模式的学生

典型使用场景

为客户演示快速搭建 ERP 仪表盘原型
学习和教授仪表盘的响应式设计与无障碍技术
为全栈 ERP 项目构建前端基础界面
展示内置视觉无障碍模式的包容性设计

项目优势

完全响应式布局，配备桌面侧边栏和圆形移动底部导航栏
包含 12 个预置模块（财务、人力资源、CRM 等）及命令面板快速导航
内置无障碍菜单，提供五种视觉辅助模式（色盲、高对比度等）
采用现代技术栈：React 19、Vite、Framer Motion、Recharts、Lucide 图标

使用前须知

仅前端模板，无后端、数据库或身份验证集成
未使用 TypeScript 或状态管理框架（基于纯 JavaScript）
仅提供静态示例数据，需额外开发方可投入生产环境

README 快速开始

Atlas ERP Template | قالب Atlas ERP

عربي

قالب ERP حديث باسم Atlas ERP Template، معمول كواجهة إدارة جاهزة للعرض والتطوير، بتصميم Responsive كامل للديسكتوب والموبايل، وبتجربة استخدام أنضف من الداشبورد التقليدية.

المميزات

Dashboard لإدارة بيانات ERP بشكل منظم وسريع القراءة.
Modules جاهزة: Dashboard, Finance, Invoices, Inventory, HR, Sales CRM, Purchasing, Projects, Reports, Roles, Notifications, Settings.
Sidebar ثابت للديسكتوب مع Highlight خفيف للعنصر المختار.
Mobile dock دائري في الأسفل مع Animation عند اختيار العناصر.
Topbar مخصص مع Search workspace, notifications, quick create, profile menu.
Search command palette بتصميم منفصل لفتح الموديولات بسرعة.
Accessibility menu فعالة لضعاف البصر وتشمل:
- Color blindness mode
- High contrast
- Farsighted mode
- Nearsighted mode
- Larger text
Social links داخل السايد بار ونسخة الموبايل.
Charts, KPI cards, tables, modals, drawer, toast, profile menu.
Template metadata: version 1.0.0 و Designed by MoGlitch.

التقنيات المستخدمة

React
Vite
JavaScript
CSS Variables / Design Tokens
Framer Motion
Recharts
Lucide React Icons
Playwright for screenshots and visual checks

English

Atlas ERP Template is a modern ERP admin interface built for clean dashboards, responsive layouts, and polished business workflows across desktop and mobile.

Features

ERP dashboard with readable KPI, chart, activity, and workflow sections.
Ready modules: Dashboard, Finance, Invoices, Inventory, HR, Sales CRM, Purchasing, Projects, Reports, Roles, Notifications, Settings.
Fixed desktop sidebar with subtle active state.
Circular mobile dock with smooth centered item selection.
Custom topbar with workspace search, notifications, quick create, and profile menu.
Redesigned command palette for fast module navigation.
Functional accessibility tools for visual needs:
- Color blindness mode
- High contrast
- Farsighted mode
- Nearsighted mode
- Larger text
Social links available on desktop sidebar and responsive mobile panel.
Charts, KP

ERP-UI