/quanly2.0-frontend

Fully open-source Angular UI Components & Admin Panel based on Angular Material 3 and Tailwind

Primary LanguageTypeScriptMIT LicenseMIT

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