أنشئ واجهة ذات طابع ريترو باستخدام Neobrutalism.
المعروف سابقًا بـ RetroUI.
NeoBrutalism مكتبة مكوّنات واجهة مستخدم بطابع ريترو لـ React و Next.js — مكوّنات مفتوحة المصدر، ومع Pro كتل وقوالب ومجموعة Figma. سجّل الدخول لإدارة اشتراك Pro وتنزيل الأصول ودعوة أعضاء الفريق.
- 50+ مكوّن
- Radix و Base UI
- متوافق مع shadcn CLI
- مفتوح المصدر
- 158 بلوكًا جاهزًا
- بلوكات وقوالب
- يتضمّن عدة Figma
- جاهز لـ RTL
- الوضع الداكن
- دعم خادم MCP
- نيوبروتالية إلى الأبد
جاهزة وقابلة للتخصيص
قوالب
واجهة نيوبروتالية
مكوّنات
اكتشف مكوّنات shadcn UI قابلة للتوسّع، مصمّمة بـ Base UI و Radix UI — مثالية لصفحات الهبوط، ولوحات تحكّم SaaS، وتطبيقات الويب الحديثة.
الأكورديون
لوحات محتوى قابلة للطي.
التنبيه
رسائل إشعار.
الأفاتار
عناصر نائبة لصورة المستخدم.
الشارة
تسميات لبيان الحالة.
مسار التنقّل
مسار تنقّل هرمي.
الزر
مُطلِقات إجراءات تفاعلية.
المبدّل
عناصر تبديل تشغيل / إيقاف.
التقويم
شبكات لاختيار التواريخ.
البطاقة
حاويات للمحتوى.
خانة الاختيار
عناصر تحكم للاختيار المتعدد.
مربع الحوار
نوافذ حوارية معترضة.
علامات التبويب
عرض المحتوى في أقسام.
ابنِ أسرع مع أكثر من 200
بلوك
مقاطع جاهزة للإنتاج — بلوكات hero، وجداول تسعير، وشبكات ميزات وغيرها — جاهزة لإسقاطها مباشرةً في منتجك.
من نحن
اعرض قصة شركتك ورسالتها.
الذكاء الاصطناعي
واجهات محادثة ومساعدون يعملون بالذكاء الاصطناعي.
تسجيل الدخول والاشتراك
شاشات تسجيل الدخول وإنشاء الحساب.
شبكات Bento
تخطيطات شبكية عصرية ببلوكات محتوى متنوعة.
المدونات
اعرض مقالاتك.
دعوة لاتخاذ إجراء
عناصر CTA مقنعة تزيد تفاعل المستخدمين.
البطاقات
تخطيطات بطاقات مرنة لأنواع محتوى مختلفة.
الوظائف
اعرض الوظائف الشاغرة وفرص العمل.
تواصل معنا
نماذج تواصل وأقسام معلومات.
الأسئلة الشائعة
الأسئلة الشائعة وإجاباتها.
بلوكات الميزات
اعرض ميزات منتجك وفوائده.
التذييل
تذييلات للموقع تضم روابط ومعلومات.
مصمّمة لتُطلقها بسرعة
دون أن تبدو مملّة
منظومة مصمّمة على مقاس المطوّرين: أساس موثوق، وعناصر قابلة لإعادة الاستخدام، وتحكّم كامل في الكود. صُنعت لتحسين الواجهات والحفاظ عليها مع تطوّر منتجاتك.
انسخ والصق، أو استخدم CLI مباشرةً
يُثبَّت كل مكوّن عبر shadcn CLI الذي تستخدمه أصلًا — أو انسخ الكود مباشرةً من التوثيق. في الحالتين، يصل الكود إلى مستودعك جاهزًا للتطويع.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonقابل للتخصيص بالكامل
امتلك كل مكوّن وعدّله بحرية. مع Tailwind CSS تضبط الألوان والحدود والظلال والحركات لتناسب هويّتك.
تكامل مع حزمتك التقنية المفضّلة
يتكامل بسلاسة مع تطبيقات React المبنية بـ TypeScript و Tailwind CSS، ملتزمًا بأنماط shadcn/ui مع بقائه مرنًا عبر أطر العمل المختلفة.
دعم خادم MCP مع shadcn
وجّه محرّر الـ AI لديك إلى خادم MCP الخاص بـ Neobrutalism.com، وسيضيف المكوّنات بالاسم — دون نسخ ولصق، ودون تشتيت.
npx shadcn@latest mcp initمحبوبة من المطوّرين والمصمّمين
وصنّاع المحتوى
صادفت عدة الـ UI بتاعتك وأخدتها على طول. جديدة ومصانة وبتتحسّن على طول — شغل رائع! 🤘
Ziv Reich, مطوّر برمجيات حبّيت بس أقول شغل ممتاز على neobrutalism.com. عاجبني جدًا. أنا فاشل في التصميم، فده كان إنقاذ. استخدمته في موقعي الشخصي.
Paul Bratslavsky, صاحب قناة Coding With Paul أخيرًا أعدت بناء موقعي الشخصي مع Neobrutalism.com — مكتبة ممتعة وسهلة جدًا للبدء!
Cameron Blackwood, صانع محتوى Neobrutalism.com من أفضل مكتبات مكوّنات الـ UI بأسلوب الرترو عندي — مكوّنات تقدر تشحنها فعليًا.
Zhengyang Hou, مطوّر مستقل من أفضل مكتبات الـ ui عندي للويب. شغل رائع — أتمنى لها كل التوفيق وأكتر.
Taseen Tanvir, مؤسّس ومصمّم جرّبت Neobrutalism.com Pro — عدة UI مش شبه كل حاجة تانية. البلوكات النيوبروتالية 🔥 خلّت تجربة اللايآوتات الغريبة أسرع بكتير.
Nitesh Padghan, كاتب بالنيابة تصميم صفحة هبوط جميل بتوازن وتدفّق مثاليين. لوحة الألوان مع الحركات تخلق تجربة مستخدم استثنائية.
Alan Obeng-Peprah, مصمم أول @ NativeXAI أنا معجب جدًا بالتصميم الذي سلّموه. المنتج النهائي طابق تمامًا ما تصوّرته.
Desmond, شريك مؤسس @ VectorlabsVentures كمالك وكالة، عادةً أقضي أسابيع في ضبط تخطيطات صفحات الهبوط للعملاء. مع Neobrutalism.com أُدرج قالبًا، أعدّل النصوص، وأكون جاهزًا للنشر.
Duke Opoku Amankwah, مؤسس @ Midas القوالب ليست مذهلة بصريًا فحسب، بل منظمة بشكل ممتاز أيضًا. وفّرت علينا أسابيع من وقت التطوير.
Abiola Braimah, مطوّر @ Studio IX جودة فائقة واهتمام بالتفاصيل. التصميم المتجاوب يعمل بلا عيوب على كل الأجهزة.
Acromond X., شريك مؤسس @ VectorlabsVentures دمج هذه القوالب في سير عملنا قلّص دورة التطوير بشكل ملحوظ. عمل ممتاز.
Raquib S., مطوّر خلفي أصبحت هذه القوالب مرجعنا الأساسي. الكود نظيف، موثّق جيدًا، وسهل التخصيص.
Hallic M., مطوّر @ AtlasLabs قوالب Neobrutalism.com تحقق التوازن المثالي بين الجمالية والوظيفة. نقلة حقيقية لمشاريعنا.
Ibrahim S., قائد الواجهة الأمامية @ ScaleUp دعم متميز وقوالب بجودة premium. العائد على هذه القوالب مذهل.
Kevin K., الرئيس التنفيذي @ WebCraft غيّرت قوالب Neobrutalism.com تمامًا طريقة تعاملنا مع مشاريع العملاء الجدد. جودة الكود استثنائية والتصاميم عالمية المستوى.
Danny G., مؤسس DevStack استخدمت مكتبات قوالب كثيرة، لكن Neobrutalism.com يتفوّق بالاهتمام بتحسين الأداء وبنية كود نظيفة.
Ian D., CTO في Wavelength الحركات والتفاعلات الدقيقة في هذه القوالب مذهلة تمامًا. أفضل استثمار لفريق التصميم لدينا.
Ben S., مصمم رئيسي في PixelPerfect كمؤسس غير تقني، ساعدتنا قوالب Neobrutalism.com على إطلاق MVP في وقت قياسي دون المساس بجودة التصميم. انبهر مستثمرونا.
Matthew I., مؤسس شركة ناشئة أقدّر مدى كون هذه المكوّنات معيارية وموثّقة جيدًا. تمكّنا من مزج أجزاء من قوالب مختلفة بسلاسة.
Garrett P., قائد الواجهة الأمامية في TechFusion عائد قوالب Neobrutalism.com مذهل. قلّصنا وقت التطوير بشكل كبير مع تسليم مواقع أعلى جودة لعملائنا.
Xavier C., مالك وكالة
نبذة
NeoBrutalism
من نحن، وما تغطيه العلامة، وإلى أين تذهب لاحقًا في الموقع — لا دليل تثبيت ولا غوص في الأسعار.