KasterUI

A CLI TOOL FOR ADDING PRE-DESIGNED UI COMPONENTS TO YOUR PROJECT\
MORE THAN 3000 PRE-MADE COMPONENTS

KasterUI is an easy to use CLI tool and library that allows developers to quickly Generate and integrate Pre-Designed UI Components like Buttons, Loaders, Inputs and more into their projects. This tool is designed to streamline Frontend Development by providing Reusable, Customizable Components, saving Valuable Time for Frontend Developers.

Quick Examples:

Copy Any Of The Commands Below And Execute It In The CLI Of Your React, Next, Vite Project.
``

bash

npx kasterui Loader_animal

bash

npx kasterui Button_guide

bash

npx kasterui Button_post

bash

npx kasterui Loader_vowel

bash

npx kasterui Card_indeed

bash

npx kasterui Card_frog







Usage 



React - Next - Vite



#### A Dedicated Folder Is Created For Each Component, Containing The Following Files:

bash

 1. .jsx

 2. .module.css (If the Component Doesn't use Tailwind CSS)





Simply Generate The Component, Customize It As Needed, Import It Into Your Page, And Use It Seamlessly In Your Project.



Right Now Components are Generated in .jsx, future versions of the library will Support all Component File Types



1. Direct Mode



KasterUI is a CLI-based tool and Doesn’t Require Prior Installation. Use it directly with

npx

:



Step 1: Browse to the Directory you want your Component to be Generated



Step 2: Run This Command

bash

 npx kasterui



Step 3: That's It!  Your Component Will Be Generated in the Current Directory

bash

Need to install the following packages:

kasterui@1.0.73

Ok to proceed? (y) y



--------------------------------------------------------------------------------------------------------------------------------------

📂 Generating Component in: 

📥 Fetching...

-- Saved: 

📥 Fetching...

-- Saved:  (if applicable)

✅ Component "" Generated Successfully!

--------------------------------------------------------------------------------------------------------------------------------------





2. Interactive Mode



If No Component Name is provided, the CLI will guide you through selecting and generating Component Interactively:



Step 1: Browse to the Directory you want your Component to be Generated



Step 2: Run This Command

bash

 npx kasterui



Step 2: You will be asked to type the Component Name

bash

Need to install the following packages:

kasterui@1.0.73

Ok to proceed? (y) y



✨ Welcome to KasterUI CLI! ✨



✔ Enter The Name Of The Component You Want To Generate (e.g., Button1) (case-sensitive): 



--------------------------------------------------------------------------------------------------------------------------------------

📂 Generating Component in: 

📥 Fetching...

-- Saved: 

📥 Fetching...

-- Saved:  (if applicable)

✅ Component "" Generated Successfully!

--------------------------------------------------------------------------------------------------------------------------------------



Step 4: Your Component Will Be Generated in the Current Directory





Error Handling



KasterUI is designed to handle Errors Gracefully:



$3

bash

 ❌ Component "" Does Not Exist Please Provide A Valid Component Name.



Enter a Valid Component Name That Exists in The kasterui-library

$3

bash

 ❌ An Unknown Error Occurred:



Unknown Errors 

$3

bash

 ❌ Axios Error:

``
Network Error Likely caused while Fetching The Component from the library

KasterUI

Quick Examples:

Copy Any Of The Commands Below And Execute It In The CLI Of Your React, Next, Vite Project.
``

bash

npx kasterui Loader_animal

bash

npx kasterui Button_guide

bash

npx kasterui Button_post

bash

npx kasterui Loader_vowel

bash

npx kasterui Card_indeed

bash

npx kasterui Card_frog







Usage 



React - Next - Vite



#### A Dedicated Folder Is Created For Each Component, Containing The Following Files:

bash

 1. .jsx

 2. .module.css (If the Component Doesn't use Tailwind CSS)





Simply Generate The Component, Customize It As Needed, Import It Into Your Page, And Use It Seamlessly In Your Project.



Right Now Components are Generated in .jsx, future versions of the library will Support all Component File Types



1. Direct Mode



KasterUI is a CLI-based tool and Doesn’t Require Prior Installation. Use it directly with

npx

:



Step 1: Browse to the Directory you want your Component to be Generated



Step 2: Run This Command

bash

 npx kasterui



Step 3: That's It!  Your Component Will Be Generated in the Current Directory

bash

Need to install the following packages:

kasterui@1.0.73

Ok to proceed? (y) y



--------------------------------------------------------------------------------------------------------------------------------------

📂 Generating Component in: 

📥 Fetching...

-- Saved: 

📥 Fetching...

-- Saved:  (if applicable)

✅ Component "" Generated Successfully!

--------------------------------------------------------------------------------------------------------------------------------------





2. Interactive Mode



If No Component Name is provided, the CLI will guide you through selecting and generating Component Interactively:



Step 1: Browse to the Directory you want your Component to be Generated



Step 2: Run This Command

bash

 npx kasterui



Step 2: You will be asked to type the Component Name

bash

Need to install the following packages:

kasterui@1.0.73

Ok to proceed? (y) y



✨ Welcome to KasterUI CLI! ✨



✔ Enter The Name Of The Component You Want To Generate (e.g., Button1) (case-sensitive): 



--------------------------------------------------------------------------------------------------------------------------------------

📂 Generating Component in: 

📥 Fetching...

-- Saved: 

📥 Fetching...

-- Saved:  (if applicable)

✅ Component "" Generated Successfully!

--------------------------------------------------------------------------------------------------------------------------------------



Step 4: Your Component Will Be Generated in the Current Directory





Error Handling



KasterUI is designed to handle Errors Gracefully:



$3

bash

 ❌ Component "" Does Not Exist Please Provide A Valid Component Name.



Enter a Valid Component Name That Exists in The kasterui-library

$3

bash

 ❌ An Unknown Error Occurred:



Unknown Errors 

$3

bash

 ❌ Axios Error:

``
Network Error Likely caused while Fetching The Component from the library