Skip to main content
lightning icon

Easy to Use

Learning or configuring anything new is not necessary. You can instantly generate component in any React project.

lightning icon

Rich Features

Out of the box support for Component Generation, TypeScript, CSS preprocessors, Storybook, Test and more.

lightning icon

Flexible Config

Configure how Arclix CLI should generate components according to your needs by creating arclix config file.

$

Are You a React Developer?

Take react component generation to the command line. Component generation is supported in all existing React projects created by:

React icon

React

React template file jsx or tsx depending on your specific needs for the project.

Style icon

Style

Style file based on the provided CSS preprocessor (e.g., CSS,PCSS, SCSS, etc.).

Storybook icon

Storybook

Story file to test the UI of the component and explore its various states.

Test icon

Test

Test file to validate component functionality, supporting all React-compatible test frameworks.

Multiple and Nested Components

  • Generate nested components.
  • Generate multiple components at once.
  • Share same options for the components.
Learn More ➜

$ npx arclix g c Heroes Villain Heroes/Hero

ARCLIX v0.1.5

✓ Component Heroes, Villain, Heroes/Hero created.

{
   "default": {
      "cssPreprocessor": css
      "usesTypeScript": true
      "scopeStyle": false
      "addStory": false
      "addIndex": false
      "addTest": false
      "flat": false
      "path": ./
   }
}

Configure Arclix Generation CLI

Tired of adding flags like --flat, --path, etc. to the command ?

Configure the generation part of the CLI by creating arclix.config.json either manually or by the following command:

npx arclix init

Create own dynamic component type and define their own configuration in the config file and more.

Learn More ➜

Tools Used in Arclix