devtoolsنئوبروتالیستقالبهای React UI
قالبهای React برای سایت کامل با ظاهر نئوبروتالیستی — SaaS، آژانس، پورتفولیو، داشبورد و بیشتر. بازاریابی، احراز هویت و جزئیات پایانی روی Next.js از ابتدا تا انتها. هر صفحه را زنده پیشنمایش بگیرید؛ Pro منبع را باز میکند. با Radix UI، Base UI و React Aria کار میکند.
- قالبهای کل سایت
- SaaS · پرتفوی · آژانس
- Next.js + Tailwind
- مالک کد باشید
- Pro شامل
- پیشنمایشهای زنده
- داشبوردهایی که محکم میزنند
- آماده استقرار
- نئوبروتالیست به طراحی
- Radix · Base UI · React Aria
آماده و قابلسفارشیسازی
قالبها
همهٔ قالبها
محبوبِ توسعهدهندگان، طراحان
و سازندگان
اتفاقی به 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., صاحب آژانس
قالب
هاب FAQ
تمام سایتهای Next.js در این هاب — دستهبندیها، پیشنمایشهای زنده، دانلود زیپ Pro و آنچه پس از باز کردن زیپ در اختیار دارید.
یک پروژهٔ چندصفحهای آمادهٔ اجرا در سیستم مدیریت محتوا (CMS) — شامل مسیرها، طرحبندیها و UI ترکیبشده — نه یک بخش مجزا. نمونهها شامل SaaS، پورتفولیو، آژانس، داشبورد و قالبهای مشابه محصول هستند.
آنها صفحات فرود دستهبندی قابل فهرستبندی را باز میکنند (مثلاً SaaS، پرتفولیو) تا بتوانید بر اساس نوع محصول مرور کنید. اعداد روی هر چیپ نشاندهنده تعداد قالبهای موجود در آن دسته هستند.
یک گالری زنده از کاورهای قالب واقعی این هاب — با همان داراییهای کارتهای زیر — تا بتوانید پیش از باز کردن صفحهٔ جزئیات، بهسرعت جهتگیری بصری را مرور کنید.
کارتها خلاصهای از شعار و جلد را ارائه میدهند. صفحات جزئیات شامل متن تبلیغاتی، فهرست ویژگیها، یادداشتهای نسخه/پلتفرم، قالبهای مرتبط و مسیر دانلود از مخزن ePro برای آن اسلگ هستند.
یک فایل فشرده پروژه: Next.js، پوستهٔ برنامهٔ App Shell، سیمکشی NeoBrutalism و UI، توکنهای تم Tailwind و صفحاتی که این قالب همراه دارد. این سورس را پس از باز کردن در مخزن خود خواهید داشت — نه یک محیط sandbox میزبانیشده.
بله. صفحات بازاریابی، جلدها و پیشنمایشهای زنده عمومی هستند. فایل زیپ در NeoBrutalism Pro قرار دارد. کاربران خارجشده روی «ورود» کلیک میکنند؛ کسانی که حساب Pro ندارند روی /pricing کلیک میکنند؛ و حسابهای Pro به آرشیو دسترسی دارند.
با مدیر بستهی خود وابستگیها را نصب کنید، اگر در یادداشتهای قالب اشارهای به آن شده باشد محیط را تنظیم کنید و سرور توسعه را اجرا کنید. بخش جزئیات «درباره/شامل» هر قالب هر مورد ویژهای (مانند اسکلتهای احراز هویت، محتوای نمایشی و غیره) را فهرست میکند.
بله. آن را بهعنوان یک نقطه شروع در نظر بگیرید: مسیرها را حذف کنید، توکنها و کامپوننتها را نگه دارید، یا برعکس. شما به معماری نمونهٔ نمایشی محدود نیستید.
قالب زمانی است که میخواهید مسیریابی + چندین صفحه از پیش طراحیشده داشته باشید. بلوکها زمانی هستند که اپلیکیشن شما آماده است و فقط به یک صفحهٔ هیرُو، نوار قیمتگذاری یا صفحهٔ ورود نیاز دارید. بسیاری از تیمها یک قالب دانلود میکنند و بعداً بلوکها را اضافه میکنند.
خیر. کیت ProFigma یک دانلود جداگانه در /figma است. قالبها کد هستند. از این کیت استفاده کنید اگر تیم طراحی و تیم مهندسی به یک زبان مشترک برای اجزای خارج از مخزن نیاز دارند.
Next.js + React + TypeScript + Tailwind, NeoBrutalism الگوهای رجیستری. اگر استک شما متفاوت است، به جای پیوند کامل قالب، از کامپوننتها و بلوکهای رایگان استفاده کنید.
تحت مدیریت طرح Pro شما (صندلیها + حقوق تجاری). ارسال از طریق آژانس معمولاً به تیم یا سازمان نیاز دارد. جدول کامل و صفحه پرداخت در /pricing موجود است — در اینجا تکرار نشده است.