[](https://www.npmjs.com/package/@neural-ng/core)
[](https://angular.dev/)
[](./LICENSE)
[Documentation](https://neuralng.dev) · [Installation](https://neuralng.dev/docs/installation) · [Components](https://neuralng.dev/docs/components) · [MCP server](https://neuralng.dev/docs/mcp-server) · [Contributing](./CONTRIBUTING.md)
NeuralNg is an Angular UI component system designed first for code-generating
agents and fully usable by human developers. It combines standalone,
Signal-native APIs with
strict types, accessible native semantics, SSR-safe behavior, headless styling
and tree-shakable secondary entry points.
> **Beta:** the current Core release is `0.1.0-beta.8`. Public APIs may change
> before the first stable release.
## Why NeuralNg?
- **Agent-readable:** every public component ships focused README and `llms.txt`
context, while the MCP server exposes component discovery and theme tools.
- **Angular-native:** standalone components, Signals, strict TypeScript, Angular
Forms integration and deterministic hydration.
- **Accessible by contract:** native semantics, keyboard interaction, focus
behavior and accessible names are part of component acceptance.
- **Style without lock-in:** use Neutral defaults, typed class slots, component
tokens or complete `unstyled` control.
- **Package what you use:** import from dedicated secondary entry points for
predictable, tree-shakable builds.
## Quick start
Install the component library and the framework-independent icon set:
```bash
npm install @neural-ng/core @neural-ng/icons
```
Load the icons and a bundled theme in your application styles:
```css
@import '@neural-ng/icons/icons.css';
@import '@neural-ng/core/themes/neutral.css';
```
Import only the component entry points you need:
```ts
import { Component } from '@angular/core';
import { NeuralButton } from '@neural-ng/core/button';
import { NeuralInput } from '@neural-ng/core/input';
@Component({
selector: 'app-agent-form',
imports: [NeuralButton, NeuralInput],
template: `