Aurora – Premium Material UI Admin & WebApp Template

With over 12 years of expertise in web templates, our team has designed and developed Aurora exclusively for the MUI Store. We’ve crafted every component, layout, and page with the best of everything we have and refined them repeatedly, taking years of design and development time to ensure the best experience possible for you and your customers. Use Aurora to save your time and get the best of both worlds – a high-quality developer experience (DX) and a world-class UI/UX.

Key Features

• 35+ Pre-Built pages
  • Starter Page
  • Notification Page
  • 2 Event Pages
  • 5 Authentication Pages
  • Error 404 page
  • Account Page
  • Pricing Page
  • FAQ Page
  • And More
• 3 Homepage Layouts
• 4 App Pages- eCommerce, Chat, Kanban, & email
• 5 Authentication Pages – Login, Signup, Forgot password, 2FA, Set Password
• Detailed Admin & Customer Modules
• 4 Pre-built Apps
• 10 Customizable Layout Options
• 6 Customizable Navigation Styles
  • 2 Text Directions
  • 3 Navigation Menu Styles
  • 2 Side Navbar Shapes
  • 2 Navigation Color Modes
• Collapsible Side Navigation Bar
• Light & Dark Modes
• 100+ Widgets
• 50+ Customized Material UI Components
• Multilingual Design
• Extensive Color Palettes
• Completely Responsive Design
• Easy documentation
• Cross-browser Compatibility Tested on Available Browsers
• Dedicated pages under each app & module
• Different Table Variants
• Customizable Additional & Extended Color Palettes
• Iconify Icons Integrated

Key Functionalities

• Authentication: Supports JWT, Firebase, Auth0, and Social Login for secure user authentication.
• Form Management: Built with React Hook Form for efficient and minimal re-renders. Yup validation integrated for robust form validation.
• API Fetching: Configured with SWR for data fetching and caching. Uses Axios for API requests, implemented with demo static data.
• State Management: React Context API is employed for managing application state seamlessly.
• Drag and Drop: Enhanced with Dnd Kit for smooth drag-and-drop functionality.
• Charts: Visualizations, powered by ECharts, offer rich, interactive charting options.
• Icons: Uses @iconify/react for a vast library of scalable and customizable icons.
• File Upload: Implements file uploads using React-Dropzone.
• Routing: Built with React Router DOM for dynamic routing and navigation.
• Localization: i18next configured for internationalization and localization support.
• Maps: Integrated Mapbox GL for interactive and customizable maps.
• Rich Text Editor: Features Tiptap, a versatile and extensible text editor.
• Chat and Email: Simulated chat and email functionality provided with demo data using React Context API and Reducer.

Technology Stack

• Material UI
• Vite 
• Axios
• SWR 
• Yup
• JWT
• Firebase
• Auth0
• ESLint 
• Prettier
• ECharts
• Mapbox 
• MUI X
• Iconify
• React Hooks API
• React Context API
• React Hook Form
• React Router DOM

Layout Playground

Aurora has a playful vertical live customizer in the center-right of the dashboard. It allows you to:

• Choose theme modes – Light or Dark
• Change Text Direction – LTR or RTL
• Customize Navigation Menu – Side navbar, Topnav, and Combo
• Customize Side Navigation Size – Default, Slim, and Stacked
• Choose Navigation Colors – Default and Vibrant

Prerequisites

Ensure you have the following requirements to leverage the best of Aurora:

• Node.js v20.x.x.
• Package Manager: NPM, YARN or PNPM (recommended)
• Any package-lock.json, yarn.lock, & pnpm-lock.yaml files should remain as is and not be deleted or removed.
• Include hidden files like .env while copying folders to ensure keeping all essential environment variables.
• Do not delete the .env file. Update its values as you need without changing the keys.

Compatibility

Aurora has been tested thoroughly in the following environments –

• Browser compatibility – Chrome, Mozilla, Edge, Safari (macOS), Opera
• Tested on Retina displays, laptop media, and responsive media like tablet & iPad and mobile devices.

Roadmap

We will keep updating Aurora for a better user experience. Our roadmap to future releases looks as follows:

• Dashboard

• • Analytics
  • HRM Dashboard
  • Time Tracker

• Apps
• • CRM
  • Project Management
  • Calendar
  • Social
  • File Manager
  • Gantt Chart
  • Blog
• And more…

Figma Design Resources

To get insights into the complete design file of Aurora Admin & Dashboard Template, check out the Figma Design File.

Documentation

Documentation helps you quickly learn and use Aurora with a step-by-step guide. You’ll find all the information you need from installation to development here.

Support and Updates

Need support? Throw us an email at [email protected], we’re always glad to help you!