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

Glaze إطار عمل للرسوم المتحركة على الويب يعتمد على الأدوات، ويهدف إلى تبسيط إنشاء الرسوم المتحركة. وبُني على GSAP، وهي مكتبة قوية للرسوم المتحركة، ما يتيح لـGlaze إنشاء رسوم متحركة معقدة بقدر ضئيل من الكود. واستلهامًا من تصميم Tailwind القائم على الأدوات أولًا، يقدم تجربة مألوفة لمن يعرفون هذا النهج.

يدعم Glaze التصميم المتجاوب بطبيعته، فتتكيف الرسوم المتحركة مع أحجام الشاشات المختلفة عبر نقاط توقف محددة. كما يوفر دعمًا كاملًا للجداول الزمنية، ما يتيح ترتيب عدة رسوم متحركة لتعمل بالتتابع أو بالتزامن.

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

الميزات

  • مبني على GSAP لإمكانات قوية في الرسوم المتحركة
  • تصميم مستوحى من الأدوات لنهج مألوف يركز على HTML أولًا
  • رسوم متحركة متجاوبة عبر نقاط التوقف
  • دعم الجداول الزمنية لتسلسل الرسوم المتحركة أو تشغيلها بالتوازي
  • الصياغة بالنقطة للتحكم الدقيق في إعدادات الرسوم المتحركة
  • صياغة مستقلة عن المكتبات ومهيأة للتوسعات المستقبلية

عناصر ذات صلة

AutoAnimate

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

Motion One

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

anime.js

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

Framer Motion

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

GSAP

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

React Spring

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

Sal

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

Tailwind Motion

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