hb-hummingbird

hb-hummingbird is a modern UI component library built with Tailwind CSS, designed to help developers quickly build beautiful and responsive user interfaces.

🚀 Features

• Tailwind-based components for easy styling.
• Modular and lightweight design.
• Supports ESM and CJS imports.
• Optimized CSS & JS builds.
• Compatible with Astro and Vite.

📦 Installation

Install via npm:

npm install hb-hummingbird

Or via yarn:

yarn add hb-hummingbird

🛠 Usage

Import in JavaScript/TypeScript

ESM Import

import { ComponentName } from "hb-hummingbird";

CommonJS Import

const { ComponentName } = require("hb-hummingbird");

Include the CSS

In your index.css or main entry file:

@import 'hb-hummingbird/dist/hummingbird.min.css';

📜 Scripts

Development

npm run dev  # Start Astro dev server

Build

npm run build:dist   # Build the library & CSS
npm run build:astro  # Build the Astro documentation
npm run build:js     # Compile TypeScript and JS
npm run build:css    # Generate CSS
npm run build:css:min  # Generate minified CSS

📂 Folder Structure

.
├── src/        # Source files
├── lib/        # Compiled JS (ESM & CJS)
├── dist/       # Compiled CSS
├── docs/       # Documentation
└── README.md

🔗 Repository

Find the source code and contribute on GitHub: GitHub Repository

📜 License

This project is licensed under the MIT License.