Install via Script

You can use the following script to install igniteui in your project automatically. This will download the setup script and execute it immediately, which will install igniteui and add the registry to your components.json file.

Recommended Installation

Download then script and then inspect before executing, it will also prompt you before making any changes to your project, giving you the opportunity to review the changes before they are made. This is the recommended method, as it allows you to review the script before executing, which is always a good idea when running scripts that make changes to your project.:

curl -fsSL -o setup.mjs http://igniteui.shanehoey.dev/scripts/setup.mjs
node setup.mjs --install

Option 1 - Downloads and executes script immediately. Note this method will delete files and folders automatically, so use with caution. It is recommended to inspect the script before executing, which you can do by visiting http://igniteui.shanehoey.dev/scripts/setup.mjs in your browser first.

curl -fsSL http://igniteui.shanehoey.dev/scripts/setup.mjs | node - --install --force

Install Manually

Install shadcn first, if you want to customise the theming you can use a preset from shadcn/create

npx shadcn@latest init --preset b1VlIttI --base base --template next

igniteui is currently in beta, therefore you will need to configure it as a remote registry manually, by editing your project's components.json to include the igniteui registry

Note: In a future version igniteui will be added to the official shadcn registry.

{
  "registries":
    {
      "@igniteui": "https://igniteui.shanehoey.dev/r/{name}.json"
    }
}

Now you can install individual components as needed.

npx shadcn@latest add @igniteui/Heading

Alternative Installation Method

Alternatively, you can use a direct URL without editing components.json:

npx shadcn@latest add
https://igniteui.shanehoey.dev/r/Heading.json