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.

npx kasterui Loader_animal

npx kasterui Button_guide

npx kasterui Button_post

npx kasterui Loader_vowel

npx kasterui Card_indeed

npx kasterui Card_frog

Usage

React - Next - Vite

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

 1. <component-name>.jsx
 2. <component-name>.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

 npx kasterui <component-name>

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

Need to install the following packages:
[email protected]
Ok to proceed? (y) y

--------------------------------------------------------------------------------------------------------------------------------------
📂 Generating Component in: <directory folder where the component will be saved>
📥 Fetching...
-- Saved: <Full Path to the Generated .jsx File>
📥 Fetching...
-- Saved: <Full Path to the Generated .module.css File> (if applicable)
✅ Component "<component-name>" 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

 npx kasterui

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

Need to install the following packages:
[email protected]
Ok to proceed? (y) y

✨ Welcome to KasterUI CLI! ✨

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

--------------------------------------------------------------------------------------------------------------------------------------
📂 Generating Component in: <directory folder where the component will be saved>
📥 Fetching...
-- Saved: <Full Path to the Generated .jsx File>
📥 Fetching...
-- Saved: <Full Path to the Generated .module.css File> (if applicable)
✅ Component "<component-name>" Generated Successfully!
--------------------------------------------------------------------------------------------------------------------------------------

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

Error Handling

KasterUI is designed to handle Errors Gracefully:

Invalid Component Name:

 ❌ Component "<component-name>" Does Not Exist Please Provide A Valid Component Name.

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

Unknown Errors

 ❌ An Unknown Error Occurred: <error-message>

Unknown Errors

Network Errors

 ❌ Axios Error: <error-message>

Network Error Likely caused while Fetching The Component from the library