https://github.com/elementarlabs/elementar-admin
Fully open-source Angular UI Components & Admin Panel based on Angular Material 3 and Tailwind
https://github.com/elementarlabs/elementar-admin
admin admin-dashboard angular angular-admin angular-admin-panel angular-admin-template angular-material angular-material-components dashboard elementar-admin tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Fully open-source Angular UI Components & Admin Panel based on Angular Material 3 and Tailwind
- Host: GitHub
- URL: https://github.com/elementarlabs/elementar-admin
- Owner: elementarlabs
- License: mit
- Created: 2024-04-07T17:40:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T21:11:36.000Z (3 months ago)
- Last Synced: 2025-02-17T09:13:20.070Z (3 months ago)
- Topics: admin, admin-dashboard, angular, angular-admin, angular-admin-panel, angular-admin-template, angular-material, angular-material-components, dashboard, elementar-admin, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://elementarui.com
- Size: 9.21 MB
- Stars: 38
- Watchers: 8
- Forks: 12
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Elementar Admin
[Overview](https://elementarui.com) | [Live Demo](https://demo.elementarui.com/pages/dashboard/basic) | [Documentation](https://elementarui.com/documentation)
# Modern Angular UI Components & Admin Panel, based on [Angular Material 3](https://material.angular.io) components and [Tailwind](https://tailwindcss.com/) css framework
## Key features
- Based on the most popular Angular material components
- All components are designed from scratch specifically for the elementar admin
- It has a large number of components aimed at creating real projects
- Free and Open Source for personal and commercial purposes
## What's included:
- Angular 19+ & Typescript
- Tailwind 4+ & SCSS
- High resolution
- Flexibly configurable themes (3 themes included)
- Light & dark color schemes in each theme
- 50+ Angular Components
## Install
If you don't have a project yet, just create a new project:
```bash
ng new elementar-project-name
```
Go to directory `elementar-project-name` (or your project folder name) and run the command:
```bash
ng add @elementar-ui/components
```
The components will be installed and configured, then copy what you need from the demo layouts projects.
### SaaS Layout
[https://github.com/elementarlabs/elementar-admin-saas](https://github.com/elementarlabs/elementar-admin-saas)
### Mono Layout
[https://github.com/elementarlabs/elementar-admin-mono](https://github.com/elementarlabs/elementar-admin-mono)
### Minimal Layout
[https://github.com/elementarlabs/elementar-admin-minimal](https://github.com/elementarlabs/elementar-admin-minimal)
### Dual tier Layout
[https://github.com/elementarlabs/elementar-admin-dual-tier](https://github.com/elementarlabs/elementar-admin-dual-tier)
