Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
HomePricingTemplatesLicense
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Installation

Automatic installation

If you don't have a project yet, create a new Angular 21 project (sass styles are mandatory):

npx @angular/cli@21 new project-name --style=scss

Run the schematics from the Angular 21 project directory:

cd project-name
npx ng add @ngstarter-ui/components

The components will be installed and configured, then copy what you need from the demo layouts projects.

Codex skill setup

The ng-add schematic creates NgStarter guidance in AGENTS.md and installs a local Codex skill at .codex/skills/ngstarter-ui by default.

To skip the Codex skill during installation:

npx ng add @ngstarter-ui/components --codex-skill=false

If NgStarter UI is already installed, add or refresh only the Codex skill:

npx ng generate @ngstarter-ui/components:codex-skill