لا يجب أن تبدو كل المواقع متشابهة
RetroUI هي التفريعة النيوبروتالية من shadcn/ui — أكثر من 50 مكوّن React، مع بلوكات وقوالب، مرسومة بحدود عريضة وظلال حادة وألوان صاخبة. تحت الغطاء Radix أو Base UI. الكود ملكك.
محبوب لدى 1,500+ مطوّر ومصمّم يفتح في تبويب جديد- 50+ مكوّن
- Radix و Base UI
- متوافق مع shadcn CLI
- مفتوح المصدر
- 158 بلوكًا جاهزًا
- بلوكات وقوالب
- يتضمّن عدة Figma
- جاهز لـ RTL
- الوضع الداكن
- دعم خادم MCP
- نيوبروتالية إلى الأبد
مصمّمة لتُطلقها بسرعة
دون أن تبدو مملّة
منظومة مصمّمة على مقاس المطوّرين: أساس موثوق، وعناصر قابلة لإعادة الاستخدام، وتحكّم كامل في الكود. صُنعت لتحسين الواجهات والحفاظ عليها مع تطوّر منتجاتك.
انسخ والصق، أو استخدم CLI مباشرةً
يُثبَّت كل مكوّن عبر shadcn CLI الذي تستخدمه أصلًا — أو انسخ الكود مباشرةً من التوثيق. في الحالتين، يصل الكود إلى مستودعك جاهزًا للتطويع.
npx shadcn add @retroui/buttonقابل للتخصيص بالكامل
امتلك كل مكوّن وعدّله بحرية. مع Tailwind CSS تضبط الألوان والحدود والظلال والحركات لتناسب هويّتك.
تكامل مع حزمتك التقنية المفضّلة
يتكامل بسلاسة مع تطبيقات React المبنية بـ TypeScript و Tailwind CSS، ملتزمًا بأنماط shadcn/ui مع بقائه مرنًا عبر أطر العمل المختلفة.
دعم خادم MCP مع shadcn
وجّه محرّر الـ AI لديك إلى خادم MCP الخاص بـ RetroUI، وسيضيف المكوّنات بالاسم — دون نسخ ولصق، ودون تشتيت.
npx shadcn@latest mcp initواجهة نيوبروتالية
مكوّنات
اكتشف مكوّنات shadcn UI قابلة للتوسّع، مصمّمة بـ Base UI و Radix UI — مثالية لصفحات الهبوط، ولوحات تحكّم SaaS، وتطبيقات الويب الحديثة.
ابنِ أسرع مع أكثر من 200
بلوك
مقاطع جاهزة للإنتاج — بلوكات hero، وجداول تسعير، وشبكات ميزات وغيرها — جاهزة لإسقاطها مباشرةً في منتجك.
جاهزة وقابلة للتخصيص
قوالب
كل القوالبBrutstack
أدوات المطورينقالب صفحة هبوط عصري بمظهر داكن لأدوات المطورين. مناسب لمشاريع المصادر المفتوحة، ولـ SaaS، وللسحابة والاستضافة، وغيرها.
Neoflux
SaaSقالب SaaS متعدد الصفحات. يأتي بصفحات تسويقية ومدوّنة وصفحات مصادقة. مناسب لأي منتج SaaS من نوع B2C أو B2B.
Brut Studio
وكالاتقالب صفحة هبوط نيوبروتالي لوكالة. مثالي للوكالات الإبداعية، واستوديوهات التصميم، والمحترفين المبدعين.
محبوبة من المطوّرين والمصمّمين
وصنّاع المحتوى
صادفت عدة الـ UI بتاعتك وأخدتها على طول — وبعدين بس بصّيت على تويتر بتاعك واتبهرت فعلًا لما لقيتها جديدة، ومصانة باستمرار، وبتتحسّن على طول. بحبها يا صديقي، شغل رائع 🤘
Ziv Reich
مطوّر برمجيات
حبّيت بس أقول شغل ممتاز على retroui.dev. عاجبني جدًا. أنا فاشل في التصميم، فده كان إنقاذ. استخدمته في موقعي الشخصي.
Paul Bratslavsky
صاحب قناة Coding With Paul
أخيرًا أعدت بناء موقعي الشخصي — تحية كبيرة لـ @DovAzencot اللي عرّفني على مكتبته الممتعة Retro UI
Cameron Blackwood
صانع محتوى
صادفت عدة الـ UI بتاعتك وأخدتها على طول — وبعدين بس بصّيت على تويتر بتاعك واتبهرت فعلًا لما لقيتها جديدة، ومصانة باستمرار، وبتتحسّن على طول. بحبها يا صديقي، شغل رائع 🤘
Ziv Reich
مطوّر برمجيات
حبّيت بس أقول شغل ممتاز على retroui.dev. عاجبني جدًا. أنا فاشل في التصميم، فده كان إنقاذ. استخدمته في موقعي الشخصي.
Paul Bratslavsky
صاحب قناة Coding With Paul
أخيرًا أعدت بناء موقعي الشخصي — تحية كبيرة لـ @DovAzencot اللي عرّفني على مكتبته الممتعة Retro UI
Cameron Blackwood
صانع محتوى
اتنين من أفضل مكتبات مكوّنات الـ UI بأسلوب الرترو عندي: 1. https://retroui.dev من @DovAzencot، 2. https://neobrutalism.dev من @samuelbreznjak
Zhengyang Hou
مطوّر مستقل
من أفضل مكتبات الـ ui عندي للويب. شغل رائع يا Arif. أتمنى لها كل التوفيق وأكتر.
Taseen Tanvir
مؤسّس ومصمّم
جرّبت RetroUI Pro، وفعلًا مريح تشوف عدة UI مش شبه كل حاجة تانية. البلوكات النيوبروتالية نار 🔥، خلّت تجربة تصميم لايآوتات غريبة وممتعة أسرع بكتير.
Nitesh Padghan
كاتب بالنيابة
اتنين من أفضل مكتبات مكوّنات الـ UI بأسلوب الرترو عندي: 1. https://retroui.dev من @DovAzencot، 2. https://neobrutalism.dev من @samuelbreznjak
Zhengyang Hou
مطوّر مستقل
من أفضل مكتبات الـ ui عندي للويب. شغل رائع يا Arif. أتمنى لها كل التوفيق وأكتر.
Taseen Tanvir
مؤسّس ومصمّم
جرّبت RetroUI Pro، وفعلًا مريح تشوف عدة UI مش شبه كل حاجة تانية. البلوكات النيوبروتالية نار 🔥، خلّت تجربة تصميم لايآوتات غريبة وممتعة أسرع بكتير.
Nitesh Padghan
كاتب بالنيابة
محبوبة من المجتمع
مفتوحة المصدر في جوهرها — يمنحها المطوّرون النجوم، ويتحدّثون عنها، ويصمّمون بها كل يوم.