أفضل 50 مكتبة وإضافات مجانية لجافا سكريبت

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

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

قد ترغب أيضًا في إلقاء نظرة على مجموعتنا من مكونات jQuery الإضافية المجانية ، أو مجموعاتنا من JavaScript Cheatsheets.

كتلة النص

Textblock - أداة JavaScript لعرض الطباعة سريعة الاستجابة باستمرار.

أبى

Uppy - أداة تحميل ملفات معيارية وأنيقة تتكامل مع أي موقع ويب أو تطبيق.

Tone.js

Tone.js - إطار عمل لإنشاء موسيقى تفاعلية في المتصفح.

Editor.js

Editor.js - تطبيق محرر كتلة مجاني من الجيل التالي.

lax.js

lax.js - مكوِّن إضافي صغير لجافا سكريبت من الفانيليا لإنشاء رسوم متحركة للتمرير بسلاسة.

اكتبه

TypeIt - مكتبة كتابة جافا سكريبت توصف بأنها "الأكثر تنوعًا في العالم".

iro.js

iro.js - أداة منتقي ألوان HSV حديثة لجافا سكريبت تستخدم SVG.

Cleave.js

Cleave.js - مكتبة لإضافة تنسيق في الوقت الفعلي إلى مدخلات النموذج.

Freezeframe.js

Freezeframe.js - مكتبة توقف ملفات .gif المتحركة مؤقتًا وتمكنها من التمرير أو النقر أو اللمس.

darkmode.js

darkmode.js - أضف الوضع المظلم إلى موقع الويب الخاص بك بأقل جهد.

Scene.js

Scene.js - مكتبة رسوم متحركة مبنية على مخطط زمني وجافا سكريبت و CSS.

Bun.js

؛ Bun.js - إنشاء مربعات اختيار وأزرار اختيار مخصصة باستخدام CSS.

تراكب أشرطة التمرير

Overlay Scrollbars - مكون إضافي لجافا سكريبت يخفي أشرطة التمرير الأصلية ويستبدلها بإصدارات مخصصة.

MailtoUI

MailtoUI - برنامج نصي يضيف مكون واجهة مستخدم مفيدًا إلى روابط البريد الإلكتروني القياسية.

منزلق ملء الشاشة

FullScreen Slider - التحكم في أقسام الصفحة وتمكين التنقل عبر عجلة الماوس وأحداث اللمس.

خريطة الصفحة

خريطة الصفحة - أضف "خريطة مصغرة" صغيرة إلى موقع الويب الخاص بك لتزويد المستخدمين بسياق تنقل.

Chart.xkcd

Chart.xkcd - مكتبة لإنشاء المخططات بمظهر مرسوم باليد.

جيبيكر

GPickr - تطبيق لمكتبة منتقي الألوان Pickr الذي يولد تدرجات لونية جميلة.

متحرك

متحرك - مكتبة JavaScript تتيح لك النقل وتغيير الحجم والسحب والتدوير والمزيد.

Cube.js

Cube.js - حل تحليلات كامل مفتوح المصدر: حزم SDK للواجهة الأمامية غير محددة التصور وواجهة برمجة تطبيقات مدعومة بالبنية التحتية للخادم التحليلي.

المنظر البسيط

SimpleParallax - مكتبة جافا سكريبت صغيرة تضيف الرسوم المتحركة المنظر إلى أي صورة.

Bounds.js

Bounds.js - برنامج نصي لاكتشاف الحدود غير المتزامن يمكن استخدامه للتأثيرات مثل التحميل البطيء.

وجه زاحف

Creepyface - مكتبة JavaScript تجعل وجهك "ينظر" إلى المؤشر ، بناءً على الموضع.

ليجراجس

LegraJS - مكتبة تمكنك من الرسم باستخدام مكعبات تشبه LEGO. ماذا ستبني؟

Paged.js

Paged.js - مكتبة مفتوحة المصدر لترقيم المحتوى في المتصفح. استنادًا إلى مواصفات W3C ، فهو نوع من polyfill للوسائط المُقسمة والمحتوى المُنشأ لوحدات CSS للوسائط المُقسمة إلى صفحات.

التركيز على التراكب

تراكب التركيز - مكتبة لإنشاء تراكبات على العناصر المركزة. تصميم جميل وإمكانية وصول أفضل.

انسيابي

Flowy - مكتبة JavaScript صغيرة يمكنك استخدامها لإنشاء مخططات انسيابية.

مصمم الرقصات شبيبة

تعتبر Choreographer-js مكتبة بسيطة للعناية بالرسوم المتحركة المعقدة.

Leaflet.js

Leaflet.js هي مكتبة جافا سكريبت للخرائط التفاعلية.

لوري

Lory عبارة عن شريط تمرير بسيط تم تمكينه باللمس ومكتوب بلغة جافا سكريبت الفانيليا.

CurrencyFormatter.js

CurrencyFormatter.js هي مكتبة تنسيق عملات بسيطة للغاية (155 عملة و 7 كيلوبايت مضغوطة).

قوس

ARc (Atomic React) هو تطبيق معياري لتطبيق React مع نهج التصميم الذري.

حلاقة. js

Shave.js هو مكون إضافي لجافا سكريبت حديث لاقتطاع النص داخل عنصر html.

Next.js

Next.js هو إطار عمل مبسط لتطبيقات React التي يعرضها الخادم.

مخطط

Blueprint عبارة عن مجموعة من مكونات React UI ، تغطي عناصر وأنماط وتفاعلات الواجهة المشتركة على الويب.

baguetteBox.js

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

ScrollReveal

يجعل المكون الإضافي ScrollReveal من السهل جدًا إنشاء رسوم متحركة لصفحات الويب للتمرير لكل من متصفحات سطح المكتب والجوال.

روابط صاخبة

Loud Links هي مكتبة JavaScript خفيفة الوزن لإضافة أصوات التفاعل إلى موقع الويب الخاص بك. يقوم بذلك عن طريق إنشاء عنصر صوت HTML5 واستخدامه لتشغيل ملفات الصوت MP3 أو OGG.

Bricks.js

Bricks.js هو مولد تخطيط حجري "سريع النيران" لعناصر عرض ثابتة.

متوسط ​​محرر

يعد MediumEditor ، المكتوب باستخدام Vanilla JavaScript ، نسخة خفيفة الوزن (28 كيلو بايت) من Medium.com WYSIWYG استنساخ شريط أدوات محرر مضمن. هناك أيضًا مجموعة مختارة من ملحقات وموضوعات Mediumditor المتاحة.

مستوى

Substance هي مكتبة JavaScript لتحرير المحتوى المستند إلى الويب. يمنحك جميع الأدوات التي تحتاجها لإنشاء برامج تحرير نصوص مخصصة وأنظمة نشر قائمة على الويب.

List.js

List.js هو برنامج نصي جافا سكريبت خفيف الوزن وسريع يضيف البحث والفرز والفلاتر والمرونة إلى القوائم أو الجداول أو أي شيء HTML.

Popper.js

Popper.js هي مكتبة خفيفة الوزن (4kb مصغرة) لإدارة poppers ، وتلميحات الأدوات ، والأدوات المنبثقة. يمكنك وضع تلميحات الأدوات بسرعة وسهولة باستخدام رمز سطر واحد فقط.

InlineTweet.js

يتيح لك InlineTweet.js إنشاء روابط قابلة للتغريد بسهولة من أي نص على صفحة ويب. كل ما عليك فعله هو لف النص القابل للتغريد في حاوية مع data-inline-tweet .

SweetAlert2

SweetAlert2 هو بديل جميل وقابل للتخصيص لمربعات جافا سكريبت المنبثقة.

Force.js

Force.js هي مكتبة JavaScript تجعل من السهل تحريك عناصر HTML والتنقل حول صفحة الويب.

Push.js

Push.js هو حل متعدد المستعرضات للحصول على إشعارات سطح مكتب Javascript وتشغيلها.

Bideo.js

Bideo.js هي مكتبة JavaScript تجعل من السهل جدًا إضافة مقاطع فيديو الخلفية بملء الشاشة إلى صفحات الويب.

Microlight.js

Microlight.js هي مكتبة خفيفة الوزن لإبراز التعليمات البرمجية ، لأي لغة برمجة ، والتي تعمل على تحسين قابلية القراءة بشكل كبير.

أماكن ألغوليا

تعد Algolia Places طريقة سهلة لاستخدام مكتبة جافا سكريبت للبحث عن العناوين ذات الإكمال التلقائي على موقع الويب الخاص بك.

فلاتبيكر

مكتوب بلغة جافا سكريبت الفانيليا ، فلاتبيكر هو حل خفيف الوزن لانتقاء البيانات والتقويم.

Anime.js

anime.js هي مكتبة رسوم متحركة جافا سكريبت مرنة وخفيفة الوزن. إنه يعمل مع CSS والتحولات الفردية و SVG وسمات DOM وكائنات JS.

Cleave.js

Cleave.js هو مكون إضافي يقوم بتنسيق محتوى <input/> أثناء الكتابة.

Lightgallery.js

Lightgallery.js هو معرض عرض مبسط لجافا سكريبت كامل الميزات بدون أي تبعيات.