@shival99/z-ui-init

One-command setup to wire @shival99/z-ui into an Angular project — Tailwind v4, a theme, the icon loader, fonts, and providers.

Usage

Run it from the root of your Angular project:

npx @shival99/z-ui-init

It detects whether you have a single Angular app (angular.json) or an Nx monorepo (project.json), prompts you to pick a theme, then:

1. Installs dependencies (@shival99/z-ui, Tailwind v4, PostCSS).
2. Adds the z-ui Tailwind CSS + chosen theme to the build styles.
3. Creates .postcssrc.json.
4. Injects the Be Vietnam Pro + Inter Tight Google Fonts <link> into index.html.
5. Adds the --font-sans variable to your global styles.
6. Patches app.config.ts with the z-ui providers (icon loader, toast, translate, theme).
7. Patches the root component to preloadTheme(<theme>) on init.

Options

npx @shival99/z-ui-init --theme violet --yes     # skip the prompt
npx @shival99/z-ui-init --dry-run                 # preview, write nothing
npx @shival99/z-ui-init --project my-app          # monorepo: pick the project

| Flag | Description | | ------------------ | ---------------------------------------------------------------------------------------------- | | --theme <name> | neutral (default), gray, slate, stone, zinc, green, orange, violet, hospital | | --project <name> | Project to configure (monorepo; defaults to the single/first app) | | --cwd <path> | Target project root (default: current directory) | | --no-install | Skip dependency installation | | --yes, -y | Accept defaults, no prompts | | --dry-run | Print planned changes without writing | | --help, -h | Show help |

The command is idempotent — re-running it only updates the theme and skips anything already set up.