Package Exports
- coderhood-ui
- coderhood-ui/dist/index.js
- coderhood-ui/dist/index.mjs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (coderhood-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
✨ 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 buttonCard– flexible and minimal layout blocksLoader– customizable loading animationsModal– accessible, responsive popup windowsTooltip– 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:
- Fork the repo
- Create your branch (
git checkout -b feature/ComponentName) - Commit your changes (
git commit -m 'Add ComponentName') - Push to the branch (
git push origin feature/ComponentName) - Open a PR
Made with ❤️ by developers, for developers.