انتقل إلى المحتوى

Anime.js مكتبة رسوم متحركة خفيفة الوزن لـ JavaScript، توفر API بسيطًا وفعالًا لإنشاء رسوم متحركة معقدة بسهولة.

صُممت لتعمل بسلاسة مع خصائص CSS وSVG وسمات DOM وكائنات JavaScript، ما يتيح للمطورين تحريك أي جانب تقريبًا من تطبيقات الويب.

بفضل صياغتها الواضحة وخيارات التخصيص الواسعة، تسهّل Anime.js إنشاء رسوم متحركة مذهلة دون الحاجة إلى كتابة تعليمات برمجية كثيرة.

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

تتضمن المكتبة إمكانات مدمجة مثل تتابع الرسوم المتحركة، ما يبسّط إنشاء تأثيرات الاستمرار والتداخل.

كما توفر تحكمًا كاملًا بالتوقيت، إذ تتيح للمستخدمين تشغيل الرسوم المتحركة وإيقافها مؤقتًا وعكسها مع إطلاق الأحداث بالتزامن. وبفضل الوثائق الشاملة والأمثلة الوفيرة، تُعد Anime.js مثالية للمبتدئين والمطورين ذوي الخبرة الراغبين في تعزيز مشاريعهم برسوم متحركة ديناميكية.

الميزات

  • مكتبة خفيفة
  • API بسيطة وقوية
  • تعمل مع خصائص CSS وSVG وسمات DOM وكائنات JavaScript
  • نظام ترتيب تدريجي للرسوم المتحركة المعقدة ذات التأثيرات المتتابعة
  • تحريك خصائص تحويل CSS متعددة في الوقت نفسه
  • تدعم عناصر التحكم وعمليات الاستدعاء للمزامنة
  • API موحّدة لتحريك خصائص متنوعة
  • توثيق شامل وأمثلة متاحة

عناصر ذات صلة

GSAP

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

AutoAnimate

عزّز تطبيقات الويب لديك برسوم متحركة جذابة بكل سهولة.

Motion One

مكتبة حديثة لتحريك عناصر الويب، مبنية على واجهات API الأصلية للمتصفح لضمان أداء سريع وحجم ملفات صغير.

Sal

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

Tailwind Motion

مكتبة رسوم متحركة بسيطة بصياغة جديدة لإضافة تأثيرات الحركة إلى UI، مع التركيز على الأداء وإمكانية الوصول.

Framer Motion

أداة قوية لإنشاء رسوم متحركة مبهرة بسهولة في تطبيقات React.

Glaze

أُطر عمل للرسوم المتحركة قائمة على الأدوات، مبنية على GSAP لإنشاء الرسوم المتحركة بشيفرة قليلة.

React Spring

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