Instalación

npm install @neural-ui/core

# Add providers and global styles without removing existing configuration
ng add @neural-ui/core --project=my-app

# Generate an additive theme preset
ng generate @neural-ui/core:theme neural-ui-theme --path=src/styles --density=comfortable --theme=high-contrast

# Generate responsive standalone page foundations
ng generate @neural-ui/core:layout app-shell --project=my-app
ng generate @neural-ui/core:dashboard sales --project=my-app
ng generate @neural-ui/core:crud-page customers --project=my-app

# Replace 21.2 with the major.minor used by your Angular app
npm install @angular/cdk@~21.2 @ng-icons/core @ng-icons/lucide

// app.config.ts
import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideIcons } from '@ng-icons/core';
import { lucideCheck, lucideSearch } from '@ng-icons/lucide';
import { provideNeuralUI } from '@neural-ui/core';
import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideNeuralUI(),
    provideIcons({ lucideCheck, lucideSearch }),
  ],
};

/* styles.scss — one line to get all components and tokens */
@use '@neural-ui/core/styles' as *;

// my.component.ts
import { NeuButtonComponent } from '@neural-ui/core/button';

@Component({
  standalone: true,
  imports: [NeuButtonComponent],
  template: `<button neu-button variant="primary">Click me</button>`,
})
export class MyComponent {}

<!-- app.component.html -->
<button neu-button variant="primary">
  Hello NeuralUI!
</button>