An Easy to Use UI Component Library for Faster Frontend Development
npm install kasteruibash
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:
``