Випускайте інтерфейси Angular із компонентів, які належать вам.
Копіюйте відшліфований і доступний код Angular у свій застосунок. Зберігайте швидкість бібліотеки компонентів із контролем над кодом, що належить вашому продукту.
npx @voltui/cli add button dialog form-field Налаштування проєкту
Створено з компонентів Volt UI
Публічна тема
Будь-хто може її переглянути
41
задокументованих компонентів
349
автоматичних тестів
25
комбінацій тем
0
потрібних NgModules
Спершу поведінка у продакшені. Потім смак продукту.
Volt UI починає з ng-primitives для фокуса, оверлеїв, ARIA та форм, а тоді загортає це в сигнали Angular, токени Tailwind і код, який можна копіювати та переробляти.
Код належить вам
CLI копіює читабельні standalone-компоненти просто у ваш застосунок. Змінюйте кожен рядок, коли цього вимагає продукт.
Поведінка вже всередині
ng-primitives відповідає за фокус, навігацію клавіатурою, оверлеї та контракти ARIA, а Volt UI — за стилі, готові до продукту.
Спроєктовано як система
Семантичні токени Tailwind, пресети кольору та стилю дають одному набору компонентів цілу візуальну мову.
Процес, що закінчується редагованим Angular, а не залежністю від постачальника.
CLI розв’язує залежності між компонентами, пише читабельні файли й тримає селектори узгодженими з процесом, у центрі якого код.
app/ui/button.ts
скопійованоекспорт class UiButton {
readonly variant = input(...)
readonly size = input(...)
}
Перегляд теми
П'ять систем кольору, п'ять стилів.
Створіть інтерфейс Angular, який ви хотіли.
Огляньте 41 компонентів, доступні макети, 25 комбінацій тем і процес, готовий до ШІ.