🎬

Animation

📦 9 أداة
العودة للرئيسية
🎬

Anime.js

مكتبة رسوم متحركة JavaScript (JavaScript Animation Library)

Anime.js هي مكتبة رسوم متحركة خفيفة (~17KB) تعمل مع JavaScript, CSS properties, SVG, وDOM attributes. توفر API بسيطة وقوية لإنشاء animations معقدة. Anime.js v4 (beta) يقدم rewrite كامل مع performance …

(4)
⚛️ 💚 🅰️ 🔥
🎬

AutoAnimate

مكتبة رسوميات تلقائية بدون إعداد مسبق

AutoAnimate هي مكتبة رسوميات فريدة من نوعها تضيف حركات انتقالية تلقائية وسلسة لأي عنصر في تطبيقك بدون أي إعداد أو تكوين. كل ما تحتاجه هو سطر واحد من الكود، وستحصل …

(3)
🎬

Framer Motion

مكتبة رسوم متحركة لـ React (React Animation Library)

Framer Motion هي مكتبة رسوم متحركة مصممة خصيصاً لـ React. توفر API بسيطة وقوية لإنشاء animations وtransitions مع declarative syntax. من تطوير Framer (أداة تصميم). Framer Motion 11 أحدث إصدار …

(5)
⚛️
🎬

GSAP

مكتبة رسوم متحركة قوية (Powerful Animation Library)

GSAP (GreenSock Animation Platform) هي المكتبة الأقوى والأكثر استخداماً للرسوم المتحركة في JavaScript. تُقدم أداء فائق، دقة عالية، ودعم لجميع المتصفحات. تستخدمها شركات كبرى مثل Apple, Google, وNike. GSAP توفر …

(5)
🎬

Lenis

مكتبة Smooth Scroll (Smooth Scroll Library)

Lenis هي مكتبة JavaScript لإنشاء smooth scrolling experience على الويب. توفر scroll behavior سلس مع inertia وcustomizable easing. من تطوير Darkroom (نفس الفريق وراء Locomotive Scroll). Lenis تُستخدم لإنشاء scroll …

(4)
⚛️ 💚 🅰️ 🔥
🎬

Lottie

مكتبة رسوم متحركة JSON-based (JSON Animation Library)

Lottie هي مكتبة من Airbnb لعرض animations المصممة في After Effects كملفات JSON. تُقدم طريقة لعرض animations معقدة بدون كود، مع الحفاظ على جودة عالية وحجم صغير. Lottie تُستخدم على …

(5)
⚛️ 💚 🅰️ 🔥
🎬

Motion One

مكتبة رسوميات خفيفة وعالية الأداء للويب

Motion One هي مكتبة رسوميات حديثة وخفيفة تعمل مباشرة مع Web APIs المتقدمة مثل Web Animations API. توفر أداءً ممتازاً بحجم صغير جداً (أقل من 5KB)، مما يجعلها بديلاً مثالياً …

(3)
🎬

PixiJS

مكتبة رسوميات 2D سريعة (Fast 2D Rendering Library)

PixiJS هي مكتبة JavaScript لإنشاء رسوميات 2D عالية الأداء باستخدام WebGL (مع fallback لـ Canvas). تُعتبر أسرع مكتبة 2D في المتصفح وتُستخدم في الألعاب، visualizations، وinteractive experiences. PixiJS توفر API …

(4)
⚛️
🎬

Rive

مكتبة رسوم تفاعلية (Interactive Animation Library)

Rive هي منصة لإنشاء وتشغيل animations التفاعلية في الوقت الحقيقي. تستخدم runtime صغير (~150KB) لعرض animations معقدة مع state machines وinteractivity. Rive تُقدم بديل لـ Lottie مع state machines مدمج …

(3)
⚛️ 💚 🅰️ 🔥