أفضل 25 مكتبة رسوم متحركة مجانية لمطوري الويب

نشرت: 2018-06-01

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

جدول المحتويات إخفاء
Woah.css
دبوس
Animate.css
دبوس
الرسوم المتحركة CSS
دبوس
Hover.css
دبوس
CSS شيك
دبوس
AniJS
دبوس
Bounce.js
دبوس
Anime.js
دبوس
Effeckt.css
دبوس
ماجيك المغلق
دبوس
Repaintless.css
دبوس
الثلاثاء. css
دبوس
Dynamic.css
دبوس
Motio.js
دبوس
Textillate.js
دبوس
Animsition.js
دبوس
FakeLoader.js
دبوس
SweetAlert.js
دبوس
Easie.js
دبوس
iGrowl.js
دبوس
Morf.js
دبوس
ميكرون
Velocity.js
دبوس
Stylie.js
دبوس
Snabbt.js

مكتبات الرسوم المتحركة JS المجانية في هذه القائمة مُرمَّزة جيدًا ويمكن استخدامها في أعمال تصميم واجهة المستخدم. استخدمها لإسعاد زوار موقع الويب الخاص بك وإنشاء تصميمات عملية وتفاعلية.

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

Woah.css

هذه مكتبة رسوم متحركة CSS مجانية لمطوري الويب غريب الأطوار. انقر فوق الارتباط أعلاه أو على الصورة لرؤيتها أثناء العمل.

1 Woah.css دبوس

Animate.css

هذه مكتبة عبر المستعرضات من الرسوم المتحركة لـ CSS. إنه سهل الاستخدام للغاية ويساعدك على إنشاء رسوم متحركة جميلة لـ CSS لمشاريع الويب.

2 Animate.css دبوس

الرسوم المتحركة CSS

إليك مكتبة CSS Animation للمطورين وخبراء الويب. استخدمه لواجهة المستخدم ومشاريع الويب.

3 الرسوم المتحركة CSS دبوس

Hover.css

تحقق من هذه المجموعة من تأثيرات التمرير التي تعمل بنظام CSS3. يمكنك استخدام هذه التأثيرات المتحركة الرائعة للروابط والأزرار والشعارات و SVG والصور المميزة وما إلى ذلك. من السهل تطبيقه على العناصر الخاصة بك ، أو تعديله أو استخدامه فقط للإلهام. يتوفر هذا في CSS و Sass و LESS.

4 Hover.css دبوس

CSS شيك

هذه بعض فئات CSS الرائعة لتحريك DOM الخاص بك. انقر فوق الارتباط أعلاه أو على الصورة لمشاهدة هذه الرسوم المتحركة أثناء العمل.

5 سي إس شيك دبوس

AniJS

AniJS هي مكتبة JS ستساعدك على نقل مهاراتك في تصميم الويب إلى المستوى التالي ، مع الحد الأدنى من الترميز المطلوب.

6 AniJS دبوس

Bounce.js

يتيح لك Bounce.js إنشاء رسوم متحركة مدعومة بـ CSS3 في لمح البصر! تحقق من مكتبة الرسوم المتحركة المجانية الرائعة هذه أثناء العمل.

7 Bounce.js دبوس

Anime.js

Anime.js هو محرك رسوم متحركة JavaScript لمطوري الويب. سوف تساعدك على إنشاء الرسوم المتحركة في أي وقت من الأوقات!

8 anime.js دبوس

Effeckt.css

هذه مكتبة انتقالات ورسوم متحركة عالية الأداء. استخدمه لأي نوع من المشاريع التي تحتاج إلى بعض الديناميكية.

9 Effeckt.css دبوس

ماجيك المغلق

تحقق من هذه الحزمة من الرسوم المتحركة CSS3 ذات المؤثرات الخاصة. استخدمه لإنشاء اللمسات والتأثيرات الثابتة وتأثيرات المنظور وحتى التأثيرات السحرية!

10 ماجيك CSS دبوس

Repaintless.css

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

11 Repaintless.css دبوس

الثلاثاء. css

Tuesday.css هي مكتبة رسوم متحركة CSS ملتوية لإنشاء تأثيرات الدخول والخروج.

12 الثلاثاء المغلق دبوس

Dynamic.css

إليك مكتبة رائعة أخرى من الرسوم المتحركة CSS3. لها بعض تأثيرات الدوران الرائعة التي يجب أن تراها!

13 Dynamic.css دبوس

Motio.js

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

14 موتيو دبوس

Textillate.js

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

15 Textillate.js دبوس

Animsition.js

هذا هو ملحق jQuery بسيط / مكتبة JS لإنشاء انتقالات pae رائعة.

16 الرسوم المتحركة دبوس

FakeLoader.js

fakeLoader.js هو ملحق مكتبة / jQuery خفيف الوزن يمكنك استخدامه لإنشاء أقراص متحركة بقناع تحميل ملء الشاشة. إنه يحاكي تأثير التحميل المسبق للصفحة.

17 FakeLoader.js دبوس

SweetAlert.js

SweetAlert هو البرنامج المساعد الذي يجب استخدامه إذا كنت تريد إنشاء رسائل منبثقة تبدو رائعة! يمكن أن تحل محل رسائل النجاح الأساسية .

18 SweetAlert.js دبوس

Easie.js

يتيح لك هذا إنشاء تخفيفات تشبه CSS لرسوم متحركة jQuery. يمكنك بسهولة تعديل شكل التخفيف ، بالإضافة إلى أن هذه المكتبة صغيرة جدًا - أقل من 2 كيلو بايت مصغر.

19 Easie.js دبوس

iGrowl.js

iGrowl هو ملحق jQuery خفيف الوزن آخر يمكنك استخدامه لإنشاء إشعارات تشبه الهدير. يركز على الأيقونات. أفضل ما في الأمر هو أن التنبيهات تستجيب بشكل كامل وتتضمن أيضًا 4 حزم رموز اختيارية.

20 iGrowl.js دبوس

Morf.js

يقدم Morf.js انتقالات CSS3 مع وظائف التخفيف المخصصة. استخدم هذا لإنتاج انتقالات أكثر إثارة للاهتمام ..

21 Morf.js دبوس

ميكرون

Micron.js هي المكتبة المثالية لإنشاء تفاعلات دقيقة. يستخدم Micron.js CSS لتحريك العناصر وجافا سكريبت للتحكم في السلوك التفاعلي للعناصر.

1 ميكرون JS الرسوم المتحركة دبوس

Velocity.js

Velocity هو محرك رسوم متحركة يستخدم نفس واجهة برمجة التطبيقات مثل $ .animate () الخاص بـ jQuery. يمكن استخدامه بدون jQuery. هذه مكتبة سريعة ، بها حلقات ، وتخفيفات ، وتمرير ، وتأثيرات أخرى رائعة.

23 Velocity.js دبوس

Stylie.js

Stylie.js هي أداة ممتعة للرسوم المتحركة على الويب. يتم تشغيله بواسطة Rekapi.

24 Stylie.js دبوس

Snabbt.js

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

25 Snabbt.js دبوس