https://github.com/aditya8975/akomponents-lib
🚀 AKomponents Library is a lightweight, customizable React UI library with modern, responsive components. Designed for performance and ease of use, it includes buttons, cards, forms, navigation, and more. 📦 Install: npm i akomponents-lib
https://github.com/aditya8975/akomponents-lib
component-library react-component-library ui-components ui-design
Last synced: 4 months ago
JSON representation
🚀 AKomponents Library is a lightweight, customizable React UI library with modern, responsive components. Designed for performance and ease of use, it includes buttons, cards, forms, navigation, and more. 📦 Install: npm i akomponents-lib
- Host: GitHub
- URL: https://github.com/aditya8975/akomponents-lib
- Owner: aditya8975
- License: mit
- Created: 2025-03-14T12:41:49.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T14:56:35.000Z (10 months ago)
- Last Synced: 2025-10-03T14:56:49.727Z (4 months ago)
- Topics: component-library, react-component-library, ui-components, ui-design
- Language: JavaScript
- Homepage: https://akomponent-site.vercel.app/
- Size: 1.49 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Akomponent 🚀 - Modern UI Components Library
Akomponent is a **lightweight, customizable UI component library** built for modern web applications. Designed for **speed, simplicity, and flexibility**, it provides ready-to-use components to accelerate your development workflow. 💡
## 🌟 Features
✅ **Prebuilt, Reusable UI Components** 🎨
✅ **Fully Customizable & Responsive** 📱
✅ **Optimized for Performance & Accessibility** ⚡
✅ **Works Seamlessly with React & Tailwind CSS** 🔥
✅ **Minimal Dependencies for Faster Load Times** 🏎️
---
## 📦 Installation
### **Install via npm**
```sh
npm install akomponents-lib
```
### **Install via akmanager**
```sh
ak i akomponents-lib
```
---
## 🚀 Usage
Import and use components in your project easily:
```jsx
import { Button } from "akomponent";
export default function App() {
return Click Me;
}
```
✔ **Supports props for customization!**
```jsx
alert("Hello!")}>
Custom Button
```
---
## 📂 Available Components
✅ **Buttons** - Primary, Secondary, Outline, Icon Buttons
✅ **Cards** - Customizable layout with images & text
✅ **Modals** - Smooth, accessible popups
✅ **Forms** - Inputs, Checkboxes, and Toggles
✅ **Alerts** - Success, Warning, Error messages
✅ **Navbars** - Responsive and interactive navigation bars
📌 **More components coming soon!** 🚀
---
## 🎨 Theming & Customization
Akomponent is **fully customizable** with Tailwind CSS and supports theme overrides.
```jsx
Custom Styled Button
```
Want to modify defaults? **Extend Tailwind’s config!**
```js
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: "#4A90E2",
},
},
},
};
```
---
## 📖 Documentation & Live Demo
Check out the full documentation and live demo **[here](https://akomponent-site.vercel.app/)**.
---
## 🛠️ How to Use
### **Basic Example**
Use components in your project:
```jsx
import { Card } from "akomponent";
export default function Example() {
return (
Welcome to Akomponent
This is a simple card component.
);
}
```
### **Using Multiple Components**
```jsx
import { Button, Alert, Modal } from "akomponent";
export default function Example() {
return (
This is a success message!
console.log("Button Clicked")}>Click Me
Modal Content Goes Here
);
}
```
---
## 🛠️ Contributing
We welcome contributions! To set up locally:
```sh
git clone https://github.com/yourusername/akomponent.git
cd akomponent
npm install
npm run dev
```
🚀 **Submit pull requests and help improve Akomponent!**
---
## 📜 License
Akomponent is licensed under the **MIT License** – free for personal and commercial use.
⭐ **Star this repo if you find it useful!** 🚀