🚀 Mcube-Tags — Custom HTML Tag Library

A sleek, powerful set of custom HTML elements to simplify your daily frontend workflows
Built with ❤️ by Mcube Infotech

---

✨ Overview

Mcube-Tags is a curated collection of custom HTML tags (Web Components) built to eliminate repetitive JavaScript and CSS boilerplate — making UIs easier, faster, and more beautiful to build.

---

📦 Installation

🔗 CDN

Load the latest version via jsDelivr:

<!-- Latest build (from main) -->
<script type="module" src="https://cdn.jsdelivr.net/gh/Mcube-Infotech/Mcube-Tags/dist/mcube-tags.es.js"></script>

<!-- Specific version -->
<script type="module" src="https://cdn.jsdelivr.net/gh/Mcube-Infotech/Mcube-Tags@v1.0/dist/mcube-tags.es.js"></script>

---

🧩 Components Included

Tag	Description
<mci-alert>	Displays alert banners/messages
<mci-badge>	Adds stylish badge UI elements
<mci-button>	Custom buttons with extra logic

🧠 All components are reusable, extendable, and follow native Web Component standards.

---

🚀 Quick Start

Once you’ve included the script, start using components in your HTML:

<mci-alert type="warning" message="Heads up!"></mci-alert>

<mci-badge label="Beta" color="purple"></mci-badge>

<mci-button label="Submit" icon="send"></mci-button>

No frameworks required. Works everywhere modern HTML does.

---

🛠️ Developer Setup

# Clone the repo
git clone https://github.com/Mcube-Infotech/Mcube-Tags.git

# Install dependencies
npm install

# Start local dev server
npm run dev

# Build production bundle
npm run build

Output will be generated in the dist/ folder.

---

📁 Project Structure

Mcube-Tags/
├── dist/            # Final CDN-build files
├── src/
│   ├── components/  # All custom elements
│   ├── utils/       # Shared logic & base elements
│   └── main.js      # Entry file for bundling
├── vite.config.js
└── package.json

---

📌 Roadmap

• Base component setup
• Alert, Badge, Button tags
• Theme system / CSS variables
• Form controls
• Tabs, Modals, Loaders, Toasts
• Docs page + Storybook
• Publish to npm

---

👨‍💻 Contributing

Pull requests are welcome! Please open an issue first to discuss what you’d like to change.

git checkout -b feature/my-new-tag
git commit -m "feat: add new tag"
git push origin feature/my-new-tag

---

📃 License

Licensed under the MIT License.

---

Made with 💡 and lots of ☕ by Mcube Infotech