عن المشروع

HeroUI، التي تديرها heroui-inc وكانت تُعرف سابقاً باسم NextUI، هي مكتبة مكونات واجهة مستخدم لـ React. وفقاً لملف README الخاص بها، فإنها تدمج سلوك إمكانية الوصول من React Aria مع تنسيقات Tailwind CSS v4. وتوفر واجهة برمجة تطبيقات للمكونات المركبة مثل Card.Header و Card.Content، ولا تتطلب غلاف Provider. كما ذُكر أنها تعمل مع React 19 و Next.js. يوفر المشروع @heroui/react كحزمة مكونات كاملة، و @heroui/styles للتنسيقات والسمات فقط، وحزماً فردية مثل @heroui/button و @heroui/modal لاستيراد المكونات بشكل منفصل لتقليل حجم الحزمة (tree-shakeable). يتم التثبيت عبر npm install @heroui/react. يسلط ملف README الضوء على دعم التطوير المدعوم بالذكاء الاصطناعي: حزمة خادم MCP تسمى @heroui/react-mcp للمحررات مثل Cursor و Claude Code و Windsurf؛ وملف llms.txt متاح على heroui.com/llms.txt لتوفير سياق مهيكل للمكونات؛ ومهارات الوكلاء (agent skills) التي يتم تثبيتها عبر npx heroui-cli agents-md. تتوفر التوثيقات على heroui.com، حيث الإصدار v3 هو الحالي والإصدار v2 متاح على v2.heroui.com. كما يتوفر Storybook على storybook-v3.heroui.com، مع رابط لمجموعة Figma. وتشمل قنوات المجتمع Discord و X و GitHub Discussions. ترحب المكتبة بالمساهمات وفقاً لإرشادات المساهمة وقواعد السلوك الخاصة بالمشروع. الترخيص هو MIT. يشير ملف README إلى أن HeroUI مناسبة لتطبيقات SaaS، ولوحات التحكم، ولوحات الإدارة، ومتاجر التجارة الإلكترونية، ومواقع التسويق، ومشاريع React أو Next.js التي تهتم بالتصميم وإمكانية الوصول. كما يتضمن جدول مقارنة يضعها كمكتبة متكاملة (batteries-included) وأصلية في Tailwind مقارنة بـ shadcn/ui و MUI و Chakra UI و Mantine.