Nucleo UI

Enterprise Angular 22 component library with Tailwind CSS design tokens, pre-built styles, and bundled icons.

Workspace scripts

| Command | Description | |---------|-------------| | npm run build:lib | Build @nucleo/ui to dist/nucleo-ui | | npm run serve:docs | Serve documentation site at http://localhost:4200 | | npm run build:docs | Build documentation site | | npm run build | Build library + docs |

Documentation

npm run build:lib
npm run serve:docs

Use in another Angular project

Local (npm link)

# This repo
npm run build:lib
cd dist/nucleo-ui && npm link

# Your app
npm link @nucleo/ui

From GitHub

"dependencies": {
  "@nucleo/ui": "github:YOUR_USERNAME/nucleo-ui#main"
}

Consumer setup (3 steps)

1. Install the package
2. Add to src/styles.css: @import '@nucleo/ui/styles.css';
3. Import components: import { NuiButtonComponent } from '@nucleo/ui';

No Tailwind or icon library install needed in consumer apps.