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/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

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