Neural UI 2 es la generación de la librería UI para Angular 22. Core es su paquete de componentes Angular: @neural-ui/core. Sus 94 componentes públicos cubren formularios, datos, navegación, overlays y estados.
Empieza instalando Core y renderizando un Button. Después añade campos editables, validación y los ajustes visuales que necesite tu aplicación.
Elige el componente por su tarea, no solo por su apariencia. Asigna un único propietario a cada valor editable. Un input configura el componente, un modelo sincroniza un valor, una propuesta pide a tu aplicación que acepte un cambio y un evento comunica una interacción.
Utiliza entrypoints públicos y bindings documentados. Signal Forms conecta valores y validación sin añadir otro binding que compita. Angular 22 es zoneless por defecto: actualiza los signals que leen tus templates.
template.html · fragmento
<!-- Fragment: choose the binding for the task. -->
<button neu-button type="button" [disabled]="blocked()" (neuClick)="run()">Run</button>
<neu-input label="Name" [(value)]="name" />
<neu-input label="Name" [formField]="fields.name" />
Core proporciona los controles y sus iconos estructurales. No depende de un proveedor de iconos de aplicación: proyecta tu SVG o conecta un resolver opcional cuando necesites otros iconos. Neural Icons es un proyecto independiente y opcional. Los gráficos no forman parte de Core.
Core admite renderizado de servidor e hidratación. Tu aplicación Angular configura SSR y aporta los nombres accesibles, los textos y el estado inicial.
¿Necesitas un formulario editable? Empieza por Signal Forms. ¿Quieres aplicar tu identidad visual? Empieza por Temas y utiliza Tokens para ajustes concretos. ¿Necesitas elegir un componente? El catálogo describe qué tarea resuelve cada uno.
