v1.0.0

[beingniloy]

🎉 MegonCSS v1.0.0 – First Stable Release

We're excited to announce the first stable release of MegonCSS, a utility-first CSS framework built around exact pixel values, high performance, and an exceptional developer experience.

MegonCSS gives you complete control over your UI without sacrificing speed or simplicity. Whether you're building a small landing page or a large-scale application, it provides a modern toolkit designed for today's web development.

✨ Highlights

🎯 Exact Pixel Utility System

No more guessing spacing or sizing values.

MegonCSS uses intuitive, pixel-based class names that directly map to CSS values.

pad-16    /* padding: 16px */
mar-24    /* margin: 24px */
w-320     /* width: 320px */

This approach makes layouts predictable, readable, and easy to maintain.

---

⚡ High-Performance Rust Engine

MegonCSS is powered by a native Rust engine for ultra-fast file scanning and CSS generation, delivering excellent performance even in large projects.

---

📦 Complete Ecosystem

MegonCSS includes everything you need to build modern applications.

• @megoncss/core – Core compiler and CSS generation engine.
• @megoncss/components – Framework-agnostic JavaScript components including Modals, Dropdowns, Toasts, Tabs, and more.
• @megoncss/react – Beautiful, accessible React components ready to use.
• @megoncss/postcss – Native PostCSS integration.
• @megoncss/vite – Optimized Vite plugin.
• @megoncss/cli – CLI for project initialization, compilation, and watch mode.

---

🛠️ Developer Experience

MegonCSS comes with powerful tooling to improve productivity.

• MegonCSS VS Code Extension

  • Intelligent autocomplete
  • Snippets
  • Class validation
  • Automatic layout sorting

• MegonCSS MCP Server

  • Model Context Protocol support
  • Enables AI assistants to understand MegonCSS documentation
  • Generate accurate utility classes automatically

---

🌐 CDN Support

Start using MegonCSS instantly without any build tools.

<script src="https://cdn.megon.org"></script>

The CDN includes automatic synchronization, optimized delivery, and fallback loading support.

🚀 Installation

Using npm

npm install megoncss

Using pnpm

pnpm add megoncss

Using Yarn

yarn add megoncss

❤️ Thank You

MegonCSS v1.0.0 marks the beginning of a long-term journey toward building a fast, intuitive, and developer-first CSS framework.

Thank you to everyone who tested early versions, reported issues, and shared feedback. Your support has helped shape this first stable release.

We can't wait to see what you'll build with MegonCSS.

---

This discussion was created from the release v1.0.0.