۱۰ مورد از بهترین فریمورک‌های رابط کاربری Reactjs
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 4 دقیقه

۱۰ مورد از بهترین فریمورک‌های رابط کاربری Reactjs

مشغول جستجو برای پیدا کردن یک سری فریمورک رابط کاربری مبتنی بر ری‌اکت بودم، فریمورک‌هایی که بتوانند ترکیب پذیر باشند و مستقیما بتوانند با پروژه‌های ری‌اکت ارتباط برقرار نمایند. 

بعد از این جستجو مجموعه‌ای از این فریمورک‌های مبتنی بر ری‌اکت‌جی‌اس را پیدا کردم. در این مطلب می‌توانید ۱۰ مورد از یافته‌های من را مشاهده کنید و آن‌ها را برای ساخت یک نمونه‌سازی سریع استفاده نمایید.

Material UI

Material-UI فریمورکی که براساس مجموعه‌ای از المان‌های طراحی شده مبتنی بر طراحی متریال گوگل ساخته شده است. با وجود بیش از صد فریمورک رابط کاربری، اما این فریمورک نزدیک‌ترین نگاه و طراحی را نسبت به طراحی متریال دارد.

وبسایت | پیش‌نمایش

React-Bootstrap

آيا نیازی هست که من در رابطه با این موضوع صحبت کنم؟ بوت استرپ بدون شک یکی از معروف‌ترین و پرطرفدارترین فریمورک‌های رابط کاربری است که وجود دارد. 

بوت استرپ یکی از پیشرفته‌ترین سیستم های رابط کاربری است که می‌توانید برای طراحی صفحات وب و… از آن استفاده کرد. در این گزینه می‌توانید شاهد تلفیق ری‌اکت و بوت استرپ باشید.

وبسایت | گیت‌هاب

React-Foundation

Foundation یکی از فریمورک های رابط کاربری است که ویژگی های بسیاری دارد و به سادگی شخصی سازی می شود. در کنار بوت استرپ این فریمورک نیز یکی از محبوب ترین فریمورک‌های رابط کاربری است.

React-Foundation المان های رابط کاربری فاوندیشن را به اجزای ری‌اکت آورده است.

وبسایت | گیت‌هاب

Essence

Essence یک فریمورک سی‌اس‌اس است که از طراحی گوگل متریال بهره می برد و با اجزای ری‌اکت نیز تلفیق شده است. با استفاده از این کتابخانه می توانید ظاهر بسیار خوبی برای موبایل و دسکتاپ در سریع‌ترین زمان ممکن ایجاد نمایید.

وبسایت | پیش‌نمایش

React-MDL

React-MDL تلفیقی از ابزارهای ری‌اکت و نسخه کوچک شده Material Design گوگل است.

در حقیقت MDL یک فریمورک سبک سی‌اس‌اس است که براساس طراحی متریال ساخته شده و سعی دارد تا رابط کاربری سبکی را ارائه کند.

وبسایت | پیش‌نمایش

Belle

Belle به شما مجموعه‌ای از اجزای ری‌اکت مانند ورودی متن، دکمه، کارد و… را می‌دهد. 

تمام این المان ها به نحوی بهینه سازی شده اند که بتوانند هم در موبایل و هم در دسکتاپ نمایش یابند. شما در دو صورت می توانید از المان های این فریمورک استفاده کنید، یا به صورت پیش‌فرض همراه با تمام استایل هایی اولیه و یا اینکه المان ها را براساس خواسته خود شخصی سازی و ویرایش نمایید. 

وبسایت | گیت‌هاب

Elemental-UI

Elemental-UI مجموعه‌ای از المان‌های رابط کاربری است که با کیفیت بالا و ماژولار ساخته شده اند. این ابزار از المان‌های ری‌اکت و براساس نمای محلی ری‌اکت طراحی شده است. در کنار این المان‌ها، Elemental-UI سعی دارد تا با بهره گرفتن از دیگر کتابخانه‌ها، رابط کاربری جذاب همراه با المان‌های بهینه‌ای را ارائه دهد. 

وبسایت | گیت‌هاب

MUI

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

وبسایت | گیت‌هاب

grommet

Grommet براساس ری‌اکت‌جی‌اس طراحی شده و به شما این اجازه را می دهد تا رابط کاربری بسیار قدرتمندی ایجاد نمایید.

این فریمورک توسط توسعه‌دهندگان شرکت Hewlett Packard یا HP ساخته شده و شعارشان این است که: «فریمورک تجربه‌کاربری حرفه‌ای برای اپلیکیشن‌های اینترپرایز».

وبسایت | پیش‌نمایش | گیت‌هاب

React Toolbox

React Toolbox کتابخانه رابط کاربری است که براساس طراحی متریال گوگل ساخته شده و در کنار آن از سی‌اس‌اس ماژولار، وب‌پک و اکمااسکریپت ۶ نیز پشتیبانی می کند. این کتابخانه به خوبی می تواند با وب‌پک ادغام  و به سادگی شخصی سازی شود.

وبسایت | پیش‌نمایش | گیت‌هاب

Ant Design of React

Ant Design of React یک فریمورک ری‌اکت است که توسط شرکتی چینی ایجاد شده و براساس خاصیت‌های طراحی استفاده شده در پروژه‌ها ایجاد شده است. همچنین این فریمورک از طراحی متریال نیز بهره می برد. 

وبسایت | گیت‌هاب

در پایان

این مطلب تنها لیست کوچکی از فریمورک‌های بوده که در تحقیقات من پیدا شده است، مطمئنا نمونه‌های بیشتری نیز پیدا می شود. 

اگر شما نیز فریمورکی مانند موارد بالا را سراغ دارید می توانید در قسمت نظرات با ما در میان بگذارید.

منبع 

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
در انتظار ثبت رای

/@arastoo
ارسطو عباسی
کارشناس تولید و بهینه‌سازی محتوا

کارشناس ارشد تولید و بهینه‌سازی محتوا و تکنیکال رایتینگ - https://arastoo.net

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید