رابط کاربری با ظاهر رترو ایجاد کنید — با Neobrutalism.
پیشتر RetroUI.
NeoBrutalism کتابخانهٔ کامپوننت UI رترو برای React و Next.js است — کامپوننتهای متنباز، و در Pro بلوکها، قالبها و کیت Figma. برای مدیریت اشتراک Pro، دانلود فایلها و دعوت همتیمیها وارد شوید.
یک Button نئوبروتال، بلوک Pricing و hero اضافه کن — React + Tailwind، با MCP
- بیش از 50 کامپوننت
- Radix و Base UI
- سازگار با shadcn CLI
- متنباز
- 158 بلاک آماده
- بلاکها و قالبها
- همراه با کیت Figma
- پشتیبانی از RTL
- حالت تیره
- پشتیبانی از سرور MCP
- نئوبروتالیسم برای همیشه
آماده و قابل سفارشیسازی
قالبها
رابط کاربری نئوبروتالیستی
کامپوننتها
کامپوننتهای مقیاسپذیر shadcn UI را کشف کنید که با Base UI و Radix UI طراحی شدهاند — عالی برای صفحههای فرود، داشبوردهای SaaS و اپلیکیشنهای وب مدرن.
آکاردئون
پنلهای محتوای بازشو.
هشدار
پیامهای اعلان.
آواتار
جایگیرنده برای تصویر کاربر.
نشان
برچسبهای نمایش وضعیت.
مسیر راهبری
مسیر راهبری سلسلهمراتبی.
دکمه
محرکهای کنش تعاملی.
کلید
کنترلهای روشن / خاموش.
تقویم
شبکههای انتخاب تاریخ.
کارت
ظرفهای محتوا.
چکباکس
کنترلهای انتخاب چندگانه.
دیالوگ
پنجرههای مودال.
تبها
نمایش محتوا در بخشها.
سریعتر بسازید با بیش از 200
بلاک
بخشهای آمادهٔ تولید — بلاکهای hero، جدولهای قیمت، شبکههای ویژگی و بیشتر — آماده برای قرار دادن مستقیم در محصول شما.
دربارهٔ ما
داستان و مأموریت شرکتتان را بیان کنید.
هوش مصنوعی
رابطهای چت و دستیارهای مبتنی بر هوش مصنوعی.
احراز هویت
صفحههای ورود و ثبتنام.
شبکههای بنتو
چیدمانهای شبکهای مدرن با بلاکهای محتوای متنوع.
بلاگها
مقالههایتان را نمایش دهید.
فراخوان به اقدام
فراخوانهای اقدام متقاعدکننده برای افزایش تعامل کاربر.
کارتها
چیدمانهای کارت همهکاره برای انواع محتوا.
فرصتهای شغلی
موقعیتهای شغلی و فرصتهای حرفهای را نمایش دهید.
تماس با ما
فرمهای تماس و بخشهای اطلاعات.
پرسشهای متداول
پرسشهای پرتکرار و پاسخهایشان.
بلاکهای ویژگی
ویژگیها و مزایای محصولتان را نمایش دهید.
پابرگ
پابرگهای سایت با پیوندها و اطلاعات.
طراحیشده برای انتشار سریع
بدون اینکه کسلکننده به نظر برسد
اکوسیستمی متناسب با توسعهدهندگان: پایهای قابلاعتماد، عناصر قابلاستفادهٔ مجدد و کنترل کامل روی کد. ساخته شده تا رابطها را با رشد محصولتان توسعه دهد و نگهداری کند.
کپی-پیست کنید یا مستقیم از 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 kit شما برخوردم و بیدرنگ برش داشتم. نو است، فعالانه نگهداری میشود و مدام بهتر میشود — کار فوقالعاده! 🤘
Ziv Reich, توسعهدهندهٔ نرمافزار فقط خواستم بگویم: کارِ عالی روی neobrutalism.com. واقعاً دوستش دارم. من در طراحی افتضاحم، برای همین این یک نجات بود. توی سایت شخصیام استفادهاش کردم.
Paul Bratslavsky, سازندهٔ Coding With Paul بالاخره سایت شخصیام را با Neobrutalism.com از نو ساختم — کتابخانهٔ سرگرمکننده و شروعش خیلی آسان!
Cameron Blackwood, سازندهٔ محتوا Neobrutalism.com یکی از کتابخانههای محبوبم برای کامپوننتهای UI با سبک رترو است — کامپوننتهایی که واقعاً میشود ship کرد.
Zhengyang Hou, هکر مستقل یکی از کتابخانههای ui محبوبم برای وب. کارِ عالی — امیدوارم خیلی جلوتر برود.
Taseen Tanvir, بنیانگذار و طراح Neobrutalism.com Pro را امتحان کردم — UI kit که شبیه بقیه نیست. بلاکهای نئوبروتالیستی 🔥 پروتوتایپ چیدمانهای عجیب را خیلی سریعتر کردند.
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. ROI این قالبها شگفتانگیز است.
Kevin K., CEO @ WebCraft قالبهای Neobrutalism.com کاملاً رویکرد ما به پروژههای مشتری را عوض کردند. کیفیت کد استثنایی است و طراحیها واقعاً در سطح جهانیاند.
Danny G., بنیانگذار DevStack کتابخانههای قالب زیادی استفاده کردهام، اما Neobrutalism.com بهخاطر توجه به بهینهسازی عملکرد و معماری کد تمیز متمایز است.
Ian D., CTO در Wavelength انیمیشنها و ریزتعاملهای این قالبها مطلقاً خیرهکنندهاند. بهترین سرمایهگذاری برای تیم طراحی ما.
Ben S., لید دیزاینر در PixelPerfect بهعنوان بنیانگذار غیرفنی، قالبهای Neobrutalism.com کمک کردند MVP را در زمانی رکوردی بدون قربانیکردن کیفیت طراحی لانچ کنیم. سرمایهگذارانمان شگفتزده شدند.
Matthew I., بنیانگذار استارتاپ از ماژولار بودن و مستندسازی خوب این کامپوننتها قدردانی میکنم. توانستیم تکههایی از قالبهای مختلف را بیاصطکاک ترکیب کنیم.
Garrett P., لید فرانتاند در TechFusion ROI قالبهای Neobrutalism.com باورنکردنی است. زمان توسعه را بهشدت کم کردیم و همزمان سایتهای باکیفیتتری به مشتریها تحویل میدهیم.
Xavier C., صاحب آژانس
درباره
NeoBrutalism
ما کیستیم، برند چه چیزی را پوشش میدهد و بعداً در سایت کجا بروید — نه راهنمای نصب و نه غوص در قیمتگذاری.