CLI

Use the CLI to add components to your project.

Install the CLI

Terminal

npx orlon-ui@latest init

Configuration

The init command creates an orlon.config.js file in your project:

orlon.config.js

/** @type {import('orlon-ui').Config} */
export default {
  style: 'default',
  components: {
    directory: 'components/ui',
    extensions: {
      ts: true,
      tsx: true,
    },
  },
}

Add a component

Use the add command to add components to your project:

Terminal

npx orlon-ui@latest add animated-background

Add multiple components

You can add multiple components at once:

Terminal

npx orlon-ui@latest add animated-background card button

Note

Components will be added to your project in the directory specified in your orlon.config.js file. Each component comes with its required dependencies and will be automatically installed.