رابط کاربری با ظاهر رترو ایجاد کنید — با Neobrutalism.
پیشتر RetroUI.
هر سایتی شبیه هم است چون همهٔ پلتفرمها پیشفرضهای یکسانی ارائه میکنند — و آشفتهکاریهای هوش مصنوعی وب را با نمونههای بیشتر پر کرده است. نئوبروتالیسم پادزهر این وضعیت است: کامپوننتها، بلوکها و قالبها برای React و CLI shadcn/ui — بر پایهٔ Radix یا Base UI. یک کامپوننت نصب کنید و خودتان ببینید.
- بیش از 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 بالاخره سایت شخصیام را از نو ساختم — تشکر ویژه از @DovAzencot که کتابخانهٔ سرگرمکنندهاش Neobrutalism.com را به من معرفی کرد.
Cameron Blackwood, سازندهٔ محتوا دو تا از کتابخانههای محبوبم برای کامپوننتهای UI با سبک رترو: 1. https://neobrutalism.com از @DovAzencot، 2. https://neobrutalism.dev از @samuelbreznjak
Zhengyang Hou, هکر مستقل یکی از کتابخانههای ui محبوبم برای وب. کارِ عالی، Arif. امیدوارم خیلی جلوتر برود.
Taseen Tanvir, بنیانگذار و طراح همین حالا Neobrutalism.com Pro را امتحان کردم و صادقانه بگویم، دیدن یک UI kit که شبیه بقیه نیست تازگی دارد. بلاکهای نئوبروتالیستی محشرند 🔥 و پروتوتایپ کردن چیدمانهای عجیب و بامزه را خیلی سریعتر کردند.
Nitesh Padghan, نویسندهٔ سایه
محبوبِ جامعه
متنباز در ذاتش — توسعهدهندگان به آن ستاره میدهند، دربارهاش حرف میزنند و هر روز با آن طراحی میکنند.