coderhood-ui/Readme.md

UI Library

# ✨ CoderHood UI Component Library

A lightweight, customizable React component library styled with **pure CSS**—no dependencies, no fuss. Built for developers who want flexibility, performance, and clean design.

---


## 📦 Installation

```bash
npm install coderhood-ui
```

---


## 🚀 Quick Start

```jsx
import { GlitchButton } from 'my-ui-component-library';

function App() {
  return (
    <GlitchButton
      glitchColor1="#ff0000"
      glitchColor2="#00ffff"
      color="#ffd700"
      glitchTime={300}
      font="Orbitron"
      onClick={() => alert('Glitch clicked!')}
    >
      Cyberpunk Mode
    </GlitchButton>
  );
}
```

---


## 🧩 Components

- `GlitchButton` – a glitchy, cyberpunk-inspired button
- `Card` – flexible and minimal layout blocks
- `Loader` – customizable loading animations
- `Modal` – accessible, responsive popup windows
- `Tooltip` – easy hover and focus hints

More components coming soon...

---


## 🛠 Customization

All components are fully customizable via props:

- 🎨 Colors
- 🌀 Effects (like glitch duration)
- 🔠 Fonts and font sizes
- 📐 Widths, heights, padding
- 🎯 Class names and inline styles

No configuration, no theming engines—just plug and play.

---


## 🧪 Example: `GlitchButton`

> Easily add futuristic glitch effects with full control over color, font, and behavior.

---


## 🎯 Why This Library?

- ✅ Built with vanilla CSS for performance and ease of use
- ✅ Component-based and modular
- ✅ Lightweight and dependency-free
- ✅ Customization-first API design

---


## 📄 License

- MIT License

---


## 🤝 Contributing

We welcome contributions! To get started:

1. Fork the repo
2. Create your branch (`git checkout -b feature/ComponentName`)
3. Commit your changes (`git commit -m 'Add ComponentName'`)
4. Push to the branch (`git push origin feature/ComponentName`)
5. Open a PR

---


Made with ❤️ by developers, for developers.