✨ 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

npm install coderhood-ui

🚀 Quick Start

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.