elementar admin

Элементарный администратор

Обзор | Живая демо | Документация

Современные компоненты пользовательского интерфейса Angular и панель администратора на основе компонентов Angular Material 3 и CSS-фреймворка Tailwind.

Ключевые особенности

• На основе самых популярных компонентов материала Angular.
• Все компоненты разработаны с нуля специально для элементарного админа.
• Имеет большое количество компонентов, направленных на создание реальных проектов.
• Бесплатный и открытый исходный код для личных и коммерческих целей.

Что включено:

• Angular 18+ и машинописный текст
• Попутный ветер 3+ и SCSS
• Высокое разрешение
• Гибко настраиваемые темы (3 темы включены)
• Светлые и темные цветовые схемы в каждой теме.
• 50+ угловых компонентов

Установить

Установите полную версию проекта (с демонстрационными страницами и примерами):

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

Установите минимальный проект (без демонстрационных страниц и примеров):

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

Запустить демо-приложение

 cd your-project-name
npm run start:demo

Предварительный просмотр в реальном времени (демо)

Запустить моно-приложение

 cd your-project-name
npm run start:mono

Предварительный просмотр в реальном времени (моно)

Запустить двухуровневое приложение

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

Предварительный просмотр в реальном времени (двухуровневый)

Запустить минимальное приложение

 cd your-project-name
npm run start

Предварительный просмотр в реальном времени (минимальный)

Обновлять

Чтобы обновить проект, выполните следующую команду:

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

По умолчанию команда обновления обновит только папку projects/components и корневой файл package.json , но если вы хотите обновить все проекты, такие как демонстрационный, двухуровневый или моно-макет, вы можете сделать это с помощью команды:

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