آماده استفاده از مؤلفه ها ، برای همیشه رایگان

یک لیست در حال رشد از مؤلفه های React ، آماده استفاده ، رایگان برای همیشه و با دسترسی همیشه در ذهن داشته باشید. ما بلوک های UI بنیادی را برای سیستم طراحی شما ساخته ایم تا مجبور نباشید.

npm @mui/materi

جستجوی کتابخانه های UI React

اجزای MUI در انزوا کار می کنند. آنها از خود حمایت می کنند و فقط سبک های مورد نیاز برای نمایش را تزریق می کنند.

تجربه استفاده MUI را می توان با تعداد انگشت شماری از گلوبال های مهم که باید از آنها آگاه باشید ، بهبود بخشید.

این کتابخانه را بررسی کنید! این آخر هفته را برسانید؟مایکل اسکات - من در محله شما خواهم بود BBQ تابستانی به جیم ، پام و رایان - کاش می توانستم بیایم ، اما من از این شهر خارج هستم ... محدوده دما زیر زمین زیر زمین یوسمیتی پارک ملی کالیفرنیا ، ایالات متحده

نه فقط یک دره بزرگ ، بلکه یک حرم برای پیش بینی انسان ، قدرت گرانیت ، قدرت یخچال های طبیعی ، پایداری زندگی و آرامش سیرا بلند. این مشهور به خاطر درختان غول پیکر و باستانی خود و صخره های گرانیتی ال Capitan و Half Dome است.

بهترین تیم های محصول در جهان به MUI اعتماد دارند تا یک تجربه بی نظیر را هم برای توسعه دهندگان و هم برای کاربران ارائه دهند.

کتابخانه قطعات

40+ مؤلفه های بلوک ساختمانی

ما اجزای بنیادی را برای سیستم طراحی شما ساخته ایم و به شما این امکان را می دهد تا آن محصول جالب را که حتی سریعتر به آن فکر کرده اید راه اندازی کنید. ما پشت شما را گرفتیم!

قسمت> دکمه گونه="متن" شروع کار=خرید />>>به سبد خرید اضافه کنیددکمه> دکمه گونه="حاوی" شروع کار=خرید />>>به سبد خرید اضافه کنیددکمه> دکمه گونه="تشریح شده" شروع کار=خرید />>>به سبد خرید اضافه کنیددکمه> قسمت>

تم طراحی مواد سفارشی

صاحب یک ظاهر طراحی شده!

با استفاده از ویژگی های پیچیده مضمون ، سیستم طراحی خود را بسازید. همچنین می توانید با استفاده از طراحی مواد Google شروع کنید.

مضمون

سیستم طراحی خود را درست همانطور که می خواهید بسازید

از ویژگی های پیشرفته مضامین استفاده کنید تا به راحتی اجزای نیاز خود را متناسب کنید. همچنین می توانید به سرعت با طراحی مواد شروع کنید.

مضمون تم سفارشی به شما امکان می دهد از نشانه های طراحی برند خود استفاده کنید و به راحتی باعث می شود که این اجزای ظاهر و احساس آن را منعکس کنند.

طراحی مواد هر مؤلفه با سیستم طراحی آزمایش شده و آزمایش شده Google آماده استفاده است.

زیرزمین • کنار خودم

کارت گونه="تشریح شده" sx= p: 1, نمایش دادن: "فلکس", جهت دار:  xs: "ستون", sm: "ردیف" >, >> > کاردستی جزء="IMG" عرض="124" قد="124" با صفر="در کنار خودم جلد آلبوم" SRC="/static/images/cards/basement-beside-myself. jpeg" sx= مرزی: 0.5, عرض: "گیره (124px ، (304px - 100 ٪) * 999 ، 100 ٪), >> /> جعبه sx= خود را تراز کردن: "مرکز", px:  xs: 0, sm: 2 > >>> تایپوگرافی گونه="بدنه 1" رنگ="متن." وزن وزن=600> sx= متنی:  xs: "مرکز", sm: "شروع" >, mt:  xs: 1.5, sm: 0 >, >> >ماوراء بنفشتایپوگرافی> تایپوگرافی جزء="قسمت" گونه="عنوان" رنگ="متن." وزن وزن=500> sx= متنی:  xm: "مرکز", sm: "شروع" > >> >زیرزمین • کنار خودمتایپوگرافی> پشته جهت="ردیف" فاصله=1> sx= mt: 2, توجیهی:  xs: "بین فضا", sm: 'Flex-Start' >, >> > نماد دارای برچسب آریا="سریع عقب می چرخد" معلول> دارای جبهه /> نماد> نماد دارای برچسب آریا=مکث? 'بازی' : "مکث"> sx= mx: 1 >> بر روی کلیک کردن=() => متمایل((دره) => !دره)> > مکث? playarrowrounded /> : مبهم />> نماد> نماد دارای برچسب آریا="سریع به جلو" معلول> سریع /> نماد> پشته> جعبه> کارت>

طراحی ظاهر

با استفاده از برنامه های CSS به سرعت هر سبک را اضافه و تغییر دهید

برنامه های CSS به شما امکان می دهد سریعتر حرکت کنید و در هنگام یک ظاهر طراحی شده ، یک تجربه توسعه دهنده صاف را ایجاد کنید.

اهرم نشانه ها از موضوع خود به راحتی از نشانه های طراحی تعریف شده در موضوع شما برای هر ویژگی CSS در آنجا استفاده کنید.

هیچ زمینه ای تغییر یک ظاهر طراحی شده و استفاده از مؤلفه ها در یک مکان ، درست در جایی که به آنها احتیاج دارید وجود ندارد.

سبک های پاسخگو درست در داخل سیستم ، یک API زیبا را برای نوشتن نمایش داده های رسانه ای CSS که مطابق با نقاط تفکیک تم شما هستند ، ارائه می دهد.

123 خیابان اصلی ، ققنوس ، AZ

280K $ - 310K $

نمره اعتماد به نفس 85 ٪

کارت گونه="تشریح شده" sx= نمایش دادن: "فلکس", p: 1, جهت دار:  xs: "ستون", // سیار sm: "ردیف", // تبلت و بالاتر >, >> > کاردستی جزء="IMG" عرض="100" قد="100" با صفر="123 خیابان اصلی ، ققنوس ، پوشش AZ" SRC="/static/images/cards/real-estate. png" sx= مرزی: 0.5, عرض:  xs: "100 ٪", sm: 100 >, mr:  sm: 1.5 >, mb:  xs: 1.5, sm: 0 >, >> /> جعبه sx= خود را تراز کردن: "مرکز", ml: 2 >>> تایپوگرافی گونه="بدنه 2" رنگ="متن."> 123خیابان اصلی,ققنوس, AZ تایپوگرافی> تایپوگرافی جزء="قسمت" وزن وزن="سرزنده">280K دلار-310K دلارتایپوگرافی> جعبه sx= ml: -1, mt: 0. 75, px: 1, py: 0.5, مرزی: 1, نمایش دادن: "فلکس", تایپوگرافی: "عنوان", BGCOLOR: (موضوع) =>موضوع.جعبه رنگ نقاشی.حالت=== "تاریک" ? 'Primary. 900' : "اولیه . 50", رنگ: (موضوع) =>موضوع.جعبه رنگ نقاشی.حالت=== "تاریک" ? '#fff' : "Primary. 700", >> > مبهم sx= اندازه فونت: 16, mr: 0.5, mt: '1px' >> />نمره اطمینانof 85% جعبه> جعبه> کارت>