117 lines
5.0 KiB
Markdown
117 lines
5.0 KiB
Markdown
# π Angular Material Admin - A Free Angular Material Dashboard!
|
||
|
||
[View Demo](https://flatlogic.com/templates/angular-material-admin-full/demo) | [Download](https://github.com/flatlogic/angular-material-admin-full/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum)
|
||
|
||
**Originally a premium product priced at $69+, made available for free in January 2025!** π
|
||
|
||
Looking for a perfect codebase generator for your Startup? Try [Flatlogic AI Web App Generator](https://flatlogic.com/generator) - our new tool, sort of a template++.
|
||
|
||
---
|
||
|
||
## π― Why Angular Material Admin?
|
||
- **Ex-Premium**: This template was previously paid. Enjoy it for free now. π
|
||
- **Material Design**: Built with Angular Material, following Google's design principles.
|
||
- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens.
|
||
- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack.
|
||
|
||
---
|
||
|
||
## π Quick Start
|
||
|
||
1. **Clone the repo**
|
||
```bash
|
||
git clone https://github.com/flatlogic/angular-material-admin-full.git
|
||
cd angular-material-admin-full
|
||
```
|
||
2. **Install dependencies**
|
||
```bash
|
||
npm install
|
||
```
|
||
3. **Run the app**
|
||
```bash
|
||
npm start
|
||
```
|
||
Navigate to http://localhost:3000/.
|
||
|
||
4. **Build for production**
|
||
```bash
|
||
npm build
|
||
```
|
||
|
||
---
|
||
|
||
## 𧩠Features
|
||
|
||
- Fully Responsive Layout
|
||
- Angular 13
|
||
- No jQuery and Bootstrap
|
||
- Modular Architecture
|
||
- Styled Angular Material Components
|
||
- Multiple Dashboards
|
||
- Authentication Pages
|
||
- Charts (Apexcharts, Amcharts)
|
||
- Static & Hover Sidebar
|
||
|
||
---
|
||
|
||
## π Built With
|
||
- Angular 13
|
||
- Angular Material
|
||
- TypeScript
|
||
- Webpack
|
||
- JavaScript (ES6)
|
||
|
||
---
|
||
|
||
## π¦ Pages
|
||
- Dashboard
|
||
- E-Commerce (Product Management, Product Grid, Product Page)
|
||
- User Management (User List, Add, Edit)
|
||
- Forms (Elements, Validation)
|
||
- Charts (Line, Bar, Pie)
|
||
- Tables (Basic, Dynamic)
|
||
- Maps (Google, Vector)
|
||
- Core (Typography, Colors, Grid)
|
||
- Extra (Calendar, Invoice, Gallery, Search Result, Timeline, Chat)
|
||
- Authentication (Login, Error Pages)
|
||
|
||
---
|
||
|
||
## π Available Variants
|
||
|
||
| | **Material** | **Transparent** | **Classic** | **Sofia** | **Flatlogic** |
|
||
|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------|
|
||
| **React** | [React Material Admin](https://github.com/flatlogic/react-material-admin-full) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react) | [Sofia React](https://github.com/flatlogic/sofia-react) | [One React](https://github.com/flatlogic/one-react) |
|
||
| **Angular** | [Angular Material Admin](https://github.com/flatlogic/angular-material-admin-full) | [Light Blue Angular](https://github.com/flatlogic/light-blue-angular) | [Sing App Angular](https://github.com/flatlogic/sing-app-angular) | - | - |
|
||
| **Vue** | [Material Vue](https://github.com/flatlogic/material-vue-full) | [Light Blue Vue](https://github.com/flatlogic/light-blue-vue) | [Sing App Vue](https://github.com/flatlogic/sing-app-vue) | - | - |
|
||
| **Bootstrap** | - | [Light Blue HTML5](https://github.com/flatlogic/light-blue-html5) | [Sing App HTML5](https://github.com/flatlogic/sing-app-html5) | - | [One Bootstrap](https://github.com/flatlogic/one-bootstrap-template-full) |
|
||
|
||
|
||
Additionally, these templates are tailored for specific business needs:
|
||
- [E-Commerce Frontend (React)](https://github.com/flatlogic/ecommerce-frontend) - A complete e-commerce solution.
|
||
- [Bookkeeper UI (React)](https://github.com/flatlogic/bookkeeper-ui) - Accounting dashboard for finance management.
|
||
- [User Management Template (React)](https://github.com/flatlogic/user-management-template) - User authentication and management.
|
||
|
||
---
|
||
|
||
## π¨βπ» How to Contribute
|
||
- **Star this repo β** - show some love.
|
||
- **Report bugs** - but be nice.
|
||
- **Join the [Discord](<insert-discord-invite-link>)** - meet fellow devs.
|
||
|
||
---
|
||
|
||
## π₯ About Flatlogic
|
||
[Flatlogic AI Software Engineer](https://flatlogic.com/ai-software-development-agent) builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.
|
||
|
||
---
|
||
|
||
## π License
|
||
This template is free to use. Modify it, break it, make it your own. Just donβt try to sell it back to us. π
|
||
|
||
---
|
||
|
||
> **Questions or feedback?**
|
||
> Join our [Flatlogic Community Discord](https://discord.gg/flatlogic-community) or visit our [support forum](https://flatlogic.com/forum). We might even reply!
|
||
|