JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 12
  • Score
    100M100P100Q34997F
  • License MIT

UI Library

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 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.