نئوبروتالیستReact UI Figma kit
کیت Figma با ظاهر نئوبروتالیستی که 1:1 با کامپوننتهای React نگاشت میشود — 300+ کامپوننت با variants، auto-layout و حاشیهنویسی کلاسهای Tailwind. توکن روشن و تیره همراه است؛ Pro کیت را باز میکند.
- 300+ کامپوننت Figma
- واریانتها و auto-layout
- Tailwind پیشپردازشگر کلاس
- نقشهبرداری 1:1 به کد
- توکنهای روشن و تاریک
- شامل Pro
- توکنهای تم تعبیهشده
- طراحی → کشتی
- نئوبروتالیست به طراحی
- v1.3 مجموعه
مقیاس طراحی و
توسعه
یک سیستم نئوبرتال در Figma و در React — اجزا، گزینهها، چیدمان خودکار و توکنهایی که با کیت کد مطابقت دارند تا طراحی و مهندسی از هم دور نشوند.
هر مؤلفهٔ پایهای، بهعنوان یک مؤلفهٔ Figma
دکمهها، دیالوگها و فراتر از آن بهعنوان کامپوننتهای واقعی Figma با واریانتها عرضه میشوند. بر اساس همان کتابخانهای طراحی کنید که اپ شما نصب میکند — نه یک ماکت یکباره که تیم مهندسی از صفر دوباره میسازد.
Tailwind کلاسها در هر لایه
لایهها با ابزارهایی که در کد به آنها نگاشت شدهاند، برچسبگذاری شدهاند. Handoff نام کلاسها را با کپی-پیست میکند؛ این پدینگ را با چشم تطبیق نده.
یکبار تم را مشخص کن — کل مجموعه پیروی میکند
توکنهای روشن و تاریک بازتابدهندهٔ تم کد هستند. با تعویض primary، surfaces و type در کیت، هر نمونه بهروزرسانی میشود، همانطور که متغیرهای CSS تم سایت را تغییر میدهند.
محبوبِ توسعهدهندگان، طراحان
و سازندگان
اتفاقی به 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., صاحب آژانس
Figma مجموعه
FAQ
سیستم طراحی Pro (.fig) در این صفحه — محتوای فایل، دانلود کنترلشده، حاشیهنویسیهای Tailwind و نحوهٔ جفتشدن آن با کد.