Elementar Admin

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 18+ & Typescript
• Tailwind 3+ & SCSS
• High resolution
• Flexibly configurable themes (3 themes included)
• Light & dark color schemes in each theme
• 50+ Angular Components

Install

Install full project (with demo pages and examples):

npx @elementarui/elementar-cli@latest new your-project-name

Install minimal project (without demo pages and examples):

npx @elementarui/elementar-cli@latest new your-project-name --minimal

Start demo application

cd your-project-name
npm run start:demo

Live Preview (Demo)

Start mono application

cd your-project-name
npm run start:mono

Live Preview (Mono)

Start dual tier application

cd your-project-name
npm run start:dual-tier

Live Preview (Dual Tier)

Start minimal application

cd your-project-name
npm run start

Live Preview (Minimal)

Update

To update your project, run next command:

cd your-project-name
npx @elementarui/elementar-cli@latest update

By default, update command will update only projects/components folder and root package.json, but if you want to update all projects like demo, dual-tier, mono layout, you can do this with command:

cd your-project-name
npx @elementarui/elementar-cli@latest update all