Atlas ERP Template is a modern, responsive frontend admin interface for ERP systems built with React, Vite, and JavaScript, featuring 12 ready modules and built-in accessibility tools.

Stars

19

7-day growth

No data

Forks

6

Open issues

0

License

MIT

Last updated

2026-06-26

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It combines a polished, responsive dashboard with a circular mobile dock, command palette, and practical accessibility modes (color blindness, high contrast, etc.) out of the box, making it a standout starting point for ERP UI prototypes.

Who it is for

  • Frontend developers building ERP or admin dashboards
  • UI/UX designers looking for a responsive, inclusive template
  • Startups or teams needing a quick ERP interface prototype
  • Students learning modern React with real-world patterns

Use cases

  • Rapid prototyping of an ERP dashboard for client demos
  • Learning and teaching responsive design and accessibility in dashboards
  • Building a foundation for a full-stack ERP with a ready UI
  • Showcasing inclusive design with built-in vision accessibility modes

Strengths

  • Fully responsive layout with dedicated desktop sidebar and circular mobile dock
  • Includes 12 pre-built modules (Finance, HR, CRM, etc.) and a command palette for fast navigation
  • Built-in accessibility menu with five vision-related modes (color blindness, high contrast, etc.)
  • Uses modern stack: React 19, Vite, Framer Motion, Recharts, Lucide Icons

Considerations

  • Frontend-only template with no backend, database, or authentication integration
  • No TypeScript or state management framework (uses plain JavaScript)
  • Limited to static demo data; not production-ready without additional development

README quick start

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

Related repositories

Similar projects matched by category, topics, and programming language.

CodeDrobe
CodeDrobe GitHub avatar

skills

CodeDrobe Skills provides installable agent workflows for creating, managing, and publishing reversible themes in supported Chromium/Electron AI desktop apps like OpenAI Codex and Tencent WorkBuddy.

CSS
232
Brandon030722
Brandon030722 GitHub avatar

ark-ui-skill

Ark UI is a clean-room design system with five style families and four depth levels, enabling structured UI reconstruction and prototyping.

CSS
195
DutchDiederik
DutchDiederik GitHub avatar

AmberConsole

Amber Console is a zero-dependency CSS framework that recreates the monochrome amber-terminal look of late-1980s industrial control panels, using a single stylesheet and no JavaScript for appearance.

CSS
183