elementarlabs
Elementar UI
Overview | Live Demo | Documentation
Modern Angular UI Components & Admin Panel, based on Angular Material 3 components and Tailwind 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 (sass styles are mandatory):
ng new elementar-project-name --style=scss Go to directory elementar-project-name (or your project folder name) and run the command:
ng add @elementar-ui/componentsThe 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
Mono Layout
https://github.com/elementarlabs/elementar-admin-mono
Minimal Layout
https://github.com/elementarlabs/elementar-admin-minimal
Dual tier Layout
https://github.com/elementarlabs/elementar-admin-dual-tier
