Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. React
Code

15 أفضل قوالب مسؤول جافا سكريبت الحديثة للرد ، الزاوي ، و Vue.js

by
Length:MediumLanguages:

Arabic (العربية/عربي) translation by Purnama Abdulatif (you can also view the original English article)

هل تنشئ تطبيقًا وتبحث عن الأدوات التي يمكن أن تساعدك في تبسيط عملية الإنشاء؟ خذ الجهد من بناء التطبيق الأمامي الخاص بك المقبل مع واحدة من هذه القوالب الادارية القوية.

سواء كنت تفضل العمل مع React أو Angular أو Vue.js ، فهناك مجموعة من القوالب المتوفرة في ThemeForest التي تجعل من غير السهل إنشاء واجهات مستخدم جميلة وتفاعلية. تم تصميم هذه القوالب باستخدام التقنية المتطورة ، وتوفر المرونة والاعتمادية لبناء تطبيقك. يمكنك إنشاء واجهة مستخدم مذهلة بسهولة عن طريق التحديد من المكونات المعيارية والتصميمات النظيفة بحيث يمكنك التركيز على منطق عمل التطبيق.

رد قوالب المسؤول

React هي مكتبة جافا سكريبت لإنشاء واجهات المستخدم التي جعلت عالم تطوير الويب من العاصفة. تشتهر React بأدائها السريع للغاية ، وقد ولدت نظامًا بيئيًا من آلاف الوحدات ذات الصلة في الآلية الوقائية الوطنية ، بما في ذلك العديد من خيارات الأدوات.

تعد قوالب المشرف ولوحات التحكم هذه نقطة بداية رائعة لتطبيقك التالي React.

1. Isomorphic الادارية لوحة القيادة

IsomorphicReact Redux Admin Dashboard

Isomorphic هو عبارة عن لوحة تحكم مشرف من React و Redux يتم تشغيلها بواسطة صفحة واحدة. يعتمد هذا التطبيق على نمط تطبيق الويب التقدمي ويتم تحسينه إلى حد كبير لتطبيق React التالي. دون الحاجة إلى تثبيت أو تكوين أدوات مثل Webpack أو Babel ، يمكنك البدء في بناء التطبيق الخاص بك على الفور.

يساعدك هذا القالب على كتابة التطبيقات التي تتصرف باستمرار ، وتعمل بشكل صحيح في بيئات مختلفة ، ويسهل اختبارها. مع وحدات التصميم Sass و CSS والدعم متعدد اللغات وأداة بحث Algolia المدمجة و Firestore CRUD وشفرة سهلة التكامل ، يمكنك استخدام هذا القالب لبناء أي شيء تريده.

العضو justinr1234 يقول:

'بسهولة القالب الأكثر تصميماً باستخدام React out ، من كل من الكود ومنظور التصميم. كان دمج الرمز على الرف أمرًا سهلاً. إذا كان لديك تطبيق حالي أو كنت تبحث عن تطبيق جديد على الواجهة الأمامية ، فإن هذا القالب يحل المشكلة بنجاح لحالة الاستخدام. منتج ممتاز!'

2. تنظيف واجهة المستخدم المسؤول UI

Clean UI ReactReact Redux Admin Template

هل تنشئ تطبيقًا ذا صفحة واحدة وتهتم بالانتقال إلى React and Redux؟ لا تبدأ من الصفر - يمكنك إنشاء تطبيق مشرف قابل للتطوير ومتألق للغاية باستخدام نموذج React و Redux و Bootstrap و Ant Design الذي يعمل بشكل جيد على الجوّال والجهاز اللوحي وسطح المكتب.

Clean UI React هو تطبيق يستند إلى رد فعل ، لذا فإن البدء بسيط. كود الوحدات يسمح لك بإضافة وإزالة المكونات بكل سهولة. يتميز هذا المطوّر بمواصفات ودية وقابلة للتخصيص بدرجة كبيرة ، ويتضمن 9 تطبيقات على سبيل المثال ، وأكثر من 50 صفحة ، وخيارات تخطيط متعددة مع تصميم Sass أو CSS سهل التحديث ، ومكونات React قابلة لإعادة الاستخدام وفيرة.

المستخدم hermanaryadinata يقول:

'الجودة عالية بشكل لا يصدق ومرونة لا حدود لها! يوصي بشدة للشراء! '

3. قالب المشرف جمعة React

Jumbo React Admin Template

ابدأ مشروع تطبيقك باستخدام Jumbo React ، وهو نموذج مشرف كامل. يتضمن هذا المنتج نموذجين من نماذج React ، أحدهما يعتمد على تصميم Google Material والآخر على نمط مسطح مذهل. يحتوي كل قالب على مفاهيم متعددة للتصميم ومئات مكونات وعناصر واجهة المستخدم ، بالإضافة إلى ميزة التدويل التي تسمح لك بتطوير تطبيق متعدد اللغات.

فكر في حزمة القالب هذه كمجموعة بداية لإنشاء تطبيقك. مع ذلك ، يمكنك تطوير تطبيق Reactable قابل للتطوير بشكل سريع وفعال وتوفير الوقت والمال في العملية.

العضو Ace_Cooper يقول:

“أحب كمية المكونات خارج الصندوق. ما أحتاجه بالضبط للشروع في بدء مشروع جديد. '

4. فيوز قالب مشرف تصميم المواد

Fuse Material Design Admin Template

هل تبحث عن نموذج لبدء مشروع React الخاص بك؟ Fuse هو نموذج مشرف كامل يتبع إرشادات تصميم المواد من Google وسيسمح لك بتعلم بعض الجوانب المتقدمة من التفاعل أثناء إنشاء تطبيقك.

يستخدم هذا القالب واجهة المستخدم المادية كمكتب أساسي لواجهة المستخدم و Redux لإدارة الحالة. يأتي مع قوالب صفحة مضمنة ، والتوجيه ، وخصائص التخويل ، إلى جانب خمسة تطبيقات ، وأكثر من 20 صفحة ، والكثير من مكونات React قابلة لإعادة الاستخدام.

مستخدم DevX101 يقول:

'نموذج منظم جيدًا جدًا جاهز لبناء تطبيق حقيقي. ليس فقط النماذج المرئية ، بل يشمل التفويض والتصميم النموذجي. مجموعة بداية رائعة '.

قوالب المشرف الزاوي

Angular هو أكثر من مجرد الإصدار التالي من إطار أمامي شائع. الزاوي يأخذ كل أفضل أجزاء AngularJS ويحسن لهم. إنه إطار قوي وميزة كاملة يمكنك استخدامه لإنشاء تطبيقات ويب سريعة ومهنية.

تحقق من هذه النماذج التي يمكنك استخدامها للحصول على تطبيق Angular القادم على القدم اليمنى برمز نظيف وتصميم رائع.

1. فيوز قالب مشرف تصميم المواد

Fuse Material Design Admin Template

هذا القالب الأكثر مبيعا هو حزمة 3 في 1 ، مع Angular 7+ ، Bootstrap 4 ، و 21 تصاميم PSD الطبقات. تستند Fuse على Google Material Design وتأتي مع دعم برنامج AoT ، بالإضافة إلى تطبيق مثال NgRx الكامل. يتضمن هذا القالب تخطيطات قابلة للتهيئة ، ومشروع هيكل عظمي ، وتطبيقات مدمجة مثل التقويم ، والتجارة الإلكترونية ، والبريد ، والدردشة ، وأكثر من 20 صفحة لتبدأ بها.

يدعم Fuse جميع المتصفحات الحديثة (Chrome و Firefox و Safari و Edge) ويأتي مع إصدارات Bootstrap 4 و HTML و CSS بالإضافة إلى تطبيق Angular.

المستخدم haseeb90 يقول:

'انها صفة رائعة. يأتي مع تطبيقات مبنية مسبقًا تحتاج فقط إلى توصيل المنطق والرجوع إلى النهاية. تُعد جودة الشفرة رائعة وتبقى على علم بأحدث الإصدارات من Angular. '

2. صفحات لوحة القيادة الادارية

Pages Admin Dashboard Template

تعتبر الصفحات أبسط وأسرع طريقة لإنشاء واجهة مستخدم على الويب للوحة التحكم أو التطبيق. يأتي إطار واجهة المستخدم المصمم بشكل جميل مع مئات الميزات القابلة للتخصيص ، مما يعني أنه بإمكانك تصميم كل تصميم ليبدو بنفس الشكل الذي تريده.

تم تصميم الصفحات باستخدام تصميم نظيف وبديهي ومتجاوب تمامًا ويعمل على جميع المتصفحات والأجهزة الرئيسية. يتميز هذا القالب 5 Angular 5 بتصميمه الخالي من العيوب وتصنيفه من فئة 5 نجوم ، حيث يتميز برمز مناسب للمطورين ، ودعم Sass و RTL الكامل ، وخمسة تخطيطات فريدة للوحة القيادة.

المستخدم roly14 يقول:

'تحفة. ببساطة مذهلة. '

3. كليب اثنين من قالب التمهيد Bootstrap ل AngularJS

Clip-Two عبارة عن قالب مسؤول متقدم ومتجاوب تمامًا تم تصميمه مع AngularJS. AngularJS ، النسخة الأصلية من إطار Angular الشهير ، يتيح لك تمديد مفردات HTML. البيئة الناتجة معبرة ومقروءة وسريعة التطوير.

باستخدام واجهة مستخدم Bootstrap ، يكون Clip-Two مناسبًا للجوّال ويأتي مع مظاهر جاهزة للتخصيص مع ستة أشكال مختلفة وأنماط غير محدودة مع SASS. يتضمن هذا القالب ميزات مثل قوائم القوائم الجانبية الأربعة المستوى ، انتقالات صفحة CSS3 ، شريط التمرير المخصص للمحتوى القابل للتمرير العمودي ، ترقيم الصفحات الديناميكي ، ووظيفة RTL.

يقول hafizminhas المستخدم:

'هذه واحدة من أكثر النماذج Angular 1.x Angular المتوفرة في السوق.'

4. قالب Apex Admin

Apex Admin Template

Apex هو قالب إداري قوي ومرن يعتمد على Angular 6+ و Bootstrap 4. يجعلك Angular CLI من السهل صيانة وتعديل قالب التطبيق هذا. مع رمز سهل الفهم ومجموعة بداية يدوية ، يعمل هذا القالب على الفور. يتضمن Apex خيارات وأحجام ألوان قائمة متعددة ومتينة ، مع بنية مجلد منظمة وأكثر من 500 مكون و 50 أداة.

هذا القالب مستجيب بالكامل ، نظيف على كل جهاز ومتصفح حديث ، ويأتي مع AoT وتحميل بطيء. اختر من بين بعض خيارات التنسيق المعدة مسبقًا وتخصيصها باستخدام العناصر الجاهزة للاستخدام ومكونات واجهة المستخدم الشائعة.

العضو jklayh يقول:

'يعرف هؤلاء الرجال حقًا كيفية دمج كل شيء بشكل جيد في حزمة واحدة ، وتصميم واجهة المستخدم أمر مذهل. هذا موصى به للغاية. '

5. قالب المسؤول المكدس ومجموعة المبتدئين

Stack Admin Template and Starter Kit

Stack Admin عبارة عن قالب مشرف حديث لـ Bootstrap 4 مزود بإمكانيات غير محدودة. يتضمن هذا المنتج ثمانية قوالب سابقة التركيب مع بنية مجلد منظمة ، ورمز نظيف ومعلق ، وأكثر من 1500 صفحة و 1000 مكون. يوفر Stack Admin دعم RTL ، والتنقل القابل للبحث ، وتنسيقات القائمة الفريدة ، والبطاقات المتقدمة.

مع ثلاثة لوحات تحكم متخصصة ، يمكن استخدام Stack Admin لأي نوع من تطبيقات الويب: إدارة المشاريع أو نهايات التجارة الإلكترونية ، أو التحليلات ، أو أي لوحات مشرف مخصصة. يبدو هذا القالب رائعًا على جميع الأجهزة ، ويأتي مع مجموعة من الأدوات لمساعدة المطورين على البدء بسرعة.

يقول المستخدم sietzekeuning:

“تصميم جميل ويحتوي على الكثير من المكونات المفيدة للغاية. نصيحة مطلقة لأي شخص يبحث عن CMS مصمم بشكل جيد للغاية! '

6. غضب قالب مشرف تصميم المواد

Fury Material Design Admin Template

يعد Fury نظيفًا وفريدًا وسريعًا ، وهو نموذج مسؤول يقدم لك كل ما تحتاج إليه للبدء في مشروعك التالي. تم تصميم هذا القالب باستخدام التصميم الزاوي والمادي ، وهو إطار مثالي لبناء تطبيقات المؤسسات الكبيرة ، ويسمح بإعداد مكون نموذجي.

تم تصميم هذا القالب ليكون خفيف الوزن وسهل التخصيص. تتضمن الميزات أدوات الحاجيات القابلة للتخصيص تمامًا و Angular Flex-Layout ، لتوفير طريقة سريعة ومرنة لإنشاء تنسيقاتك.

User CreativelyMe يقول:

'جودة الرمز استثنائية. من الواضح أن عمل حرفي حقيقي. هذا القالب هو حقا متعة للعمل ، ويستمر في التطور مع مرور الوقت. ممتاز!!!'

7. قادرة على 7.0 قالب مستجيبة

Able Pro 70 Responsive Template

برنامج Able Pro 7.0 هو نموذج إداري سريع الاستجابة يوفر حلًا مرنًا لتطوير مشروعك. بنيت مع إطار Bootstrap 4 ، وهذا القالب لديه نظرة مادية ، مع رمز منظم جيدا وتعليقا. يأتي هذا القالب الجاهز للشبكية مع أكثر من 150 صفحة وإمكانيات تصميم لا نهائية — استخدم ميزة Live Customizer لإجراء عمليات فحص بنقرة واحدة على تركيبات الألوان والتنوعات.

ومع وجود أكثر من 100 ملحق خارجي ، وخيارات تخطيط قائمة متقدمة ، ولوحات معلومات جاهزة للصفحات والصفحات المقصودة ، فإن Able Pro 7.0 يبسط عملية تطوير التطبيق لتوفير الوقت والجهد.

مستخدم macugi يقول:

“قالب رائع. تصميم جيد جدًا ورمز بجودة جيدة ودعم عملاء جيد جدًا '.

قوالب المسؤول View.js

Vue.js هو إطار عمل جافا سكريبت للواجهة الأمامية يسهل تعلمه إذا كنت تعرف HTML و CSS بالفعل. تعد تعددية استخدام Vue رائعة لتطبيقات الويب الصغيرة والكبيرة الحجم على حد سواء. على رأس كل هذا ، إنه يحترق بسرعة!

من المؤكد أن قوالب Vue هذه ستوفر لك الكثير من الوقت والجهد لترميز التطبيق التالي.

1. Vuely - تصميم المواد ونموذج Admin Blavel Blade

VuelyMaterial Design and Laravel Blade Admin Template

Vuely هو قالب مسؤول مستجيب بالكامل مصمم ليعطيك تجربة تطوير خالية من المتاعب. تم تصميم هذا القالب بعناية ليبدو جميلاً على أجهزة الجوّال والأجهزة اللوحية المزودة بصفحات مخصصة تم تصميمها مسبقًا وميزات متكاملة مثل المخططات والرسوم البيانية وجداول البيانات ، مما يتيح لك إنشاء اللوحة الخلفية بسهولة. يعمل أكثر من 200 عنصر من عناصر واجهة المستخدم و 78 أداة مخصصة على تبسيط عملية التطوير الخاصة بك.

Vuely هو جاهز للترجمة مع دعم RTL ، ويأتي مع خيارات متعددة الألوان والموضوع لتعطيك المرونة التي تحتاج إليها.

المستخدم alanoidster يقول:

'جودة التصميم الجيد ، والمكونات والميزات الشاملة ، ودعم العملاء الرائع!'

2. VueJS Admin قالب Laravel

VueJS Laravel Admin Template

هل تبحث عن قالب مشرف مميز بالكامل لمشروع Vue.js الخاص بك؟ لا مزيد من البحث. يعد قالب المشرف Vue.js هذا نمطيًا تمامًا ، لذا يمكنك تعديل التخطيطات والألوان والميزات الأخرى دون إزعاج بقية الشفرة. ببساطة تخصيصه مع المتغيرات ساس المقدمة. هذا القالب موثق بشكل جيد ، مع سبعة تخطيط وخيارات ألوان متعددة. مع جميع المكونات التي تحتاجها ، سوف يساعدك نموذج Vue.js هذا على البدء في إنشاء لوحة البيانات التالية.

العضو JimOQuinn يقول:

'نجاح باهر ، تقدم الشكل والمظهر للموضوع بشكل كبير منذ الإصدار الأولي. عمل عظيم! أحب إطار لا jQuery كما أجد VueJS أسهل بكثير للعمل معها. نتطلع إلى الإصدار التالي. ثابر على العمل الجيد!'

قوالب الإدارة متعددة الأطر

وأخيرًا ، إليك بعض القوالب التي تعمل مع إطارات متعددة.

1. مسؤول تصميم المواد ونموذج متعدد الأغراض

Material Design Admin and Multipurpose Template

يوفر لك قالب admin design admin هذا أداءً عاليًا ونظيفًا وحديثًا إصدارات Vue و React و Angular. يستخدم هذا القالب الفائق المرونة SCSS ، و Gulp ، و Webpack ، و NPM Modern Workflow ، و Flexbox ، ولديه كل المكونات التي تحتاجها لإنشاء مشروع تطبيقاتك الأمامية. مع التخطيطات المذهلة ، أكثر من 500 مكون وتحديثات مدى الحياة ودعم العملاء ، هذا هو التطبيق الإداري الأكثر اكتمالاً المتاح.

Useruser55 المستخدم يقول:

'هذا هو موضوع مدهش للغاية. يتم ذلك مع وضع الجودة في الاعتبار ، وتحديثها بانتظام ، ويمكنك أن تقول للمهندس يهتم بعمله وعملائه. أود أن أقترح عليك استخدام هذا النموذج إذا كنت تبحث عن واجهة أمامية للإنتاج على أساس أي تطبيق ويب حديث. '

2. التمهيدي - قالب المشرف الزاوي والفاعل

PrimerAngular and React Admin Template

Primer هو قالب إبداعي لتصميم المواد ، مع تجميع مسبق (AoT) لتجربة مستخدم أكثر فاعلية. استجابة كاملة وتعبئتها مع كل من إصدارات Angular و React ، يحتوي هذا القالب على دعم من اليسار إلى اليمين ومن اليمين إلى اليسار (LTR / RTL) وألوان فاتحة ومظلمة. موثقة جيدا وسهلة لتخصيص ، مع قالب التطبيق هذا تحصل على كل ما تحتاجه لبدء العمل على SaaS ، CRM ، CMS ، أو مشروع يستند إلى لوحة القيادة.

يقول cjackett المستخدم:

'هذا نموذج جيد البناء مع مرونة كبيرة والكثير من الخيارات. يستمر المؤلف بتحديث القالب وتحسينه ، مع توسيع وظائفه ودمج الحزم الزاويّة الجديدة. عمل ممتاز.'

استنتاج

هذه مجرد عينة من العديد من قوالب المشرفين المتاحة على ThemeForest. هناك قالب خاص بك ، بغض النظر عن أسلوبك أو مواصفاتك. ستجعل هذه النماذج التشفير للطرف الأمامي لتطبيقك أسهل وتساعدك في تقديم تطبيق يوفر تجربة مستخدم عالية الجودة. كل هذا سيوفر لك الوقت والجهد ، مما يتيح لك التركيز على التفاصيل الحقيقية لترميز مشروعك.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.