3 مستودعات
Awesome GitHub RepositoriesInteractive Visual Effects
Interactive UI components that incorporate advanced visual effects like tilt and custom animations.
Distinct from UI Visual Effects: Focuses on the aesthetic and physics-based effects of interaction rather than just providing actionable buttons.
Explore 3 awesome GitHub repositories matching user interface & experience · Interactive Visual Effects. Refine with filters or upvote what's useful.
Awesome Interactive Visual Effects GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- matt8707/hass-config
matt8707/hass-config
5,182عرض على GitHubهذا المشروع عبارة عن نظام تصميم وإطار عمل تكوين لإنشاء لوحات تحكم Home Assistant متجاوبة. يوفر إطار عمل واجهة يعتمد على CSS ونظام سمات يُستخدم لتحديد المظهر المرئي وتخطيط واجهات أتمتة المنزل. يتميز النظام بنهج تخطيط متعدد العروض يتكيف مع الأجهزة المحمولة والأجهزة اللوحية المثبتة على الحائط عبر اتجاهات عمودية وأفقية. يستخدم تعريفات واجهة المستخدم القائمة على التكوين و CSS مخصص لتنفيذ تأثيرات مرئية متقدمة، مثل الرسوم المتحركة التي يتم تشغيلها حسب الحالة للأيقونات والنوافذ المنبثقة التفاعلية التي يتم تشغيلها بواسطة تفاعلات المستخدم. تشمل القدرات الواسعة إدارة تخطيط لوحة التحكم المتجاوبة، وتصميم واجهة عالمي مع قوالب أزرار قابلة لإعادة الاستخدام، ومنطق عرض شرطي لمشغلات الوسائط ومستشعرات حالة النظام. يدعم إطار العمل أيضاً عناصر تفاعلية مع تأثيرات الإمالة وردود الفعل الصوتية للشاشات التي تعمل باللمس.
Implements interactive UI elements with tilt effects and specialized custom cards.
CSSassistantgrid-layouthome - hepengwei/visualization-collection
hepengwei/visualization-collection
4,550عرض على GitHubهذا المشروع عبارة عن مكتبة تصور للواجهة الأمامية ومعرض لأمثلة الويب التفاعلية. يوفر مجموعة من التنفيذات التي توضح التأثيرات المرئية المتقدمة من خلال استخدام أوراق الأنماط، وأسطح رسم القماش (canvas)، ومكتبات الرسومات ثلاثية الأبعاد. تتميز المجموعة بشكل خاص بتنفيذات لتصور مخرجات الذكاء الاصطناعي وأنماط البيانات المعقدة. تتضمن معارض متخصصة للمشاهد ثلاثية الأبعاد والكائنات المكانية، بالإضافة إلى عرض لتأثيرات الحركة الأنيقة وتصميمات الواجهة. تغطي المكتبة مجموعة واسعة من قدرات العرض، بما في ذلك الرسوم المتحركة ثنائية الأبعاد عالية الأداء والبيئات المكانية الغامرة. تستخدم استراتيجية متعددة المحركات للجمع بين تقنيات رسم مختلفة لدقة بصرية متنوعة.
Implements advanced interactive visual effects and animations using styling and canvas techniques.
TypeScriptcanvascollectioncss3 - hustcc/canvas-nest.js
hustcc/canvas-nest.js
4,343عرض على GitHubcanvas-nest.js هي مكتبة رسوم متحركة JavaScript تستخدم لإنشاء شبكات جسيمات تفاعلية ومرئيات خطوط متصلة لخلفيات مواقع الويب. تعمل كنظام برمجي لعرض شبكة من النقاط والخطوط المتقاطعة على عنصر HTML5 Canvas. تنشئ المكتبة تأثيرات مرئية ديناميكية حيث تتحرك الجسيمات وتشكل اتصالات بناءً على القرب وتفاعل المستخدم. تستجيب أنظمة الجسيمات هذه لحركات الماوس في الوقت الفعلي لإنتاج عرض خلفية تفاعلي. يتضمن النظام خيارات تكوين لضبط الأنماط المرئية، مثل كثافة الجسيمات، وألوان الخطوط، والشفافية. يتعامل مع حلقة الرسوم المتحركة، واكتشاف التصادم القائم على الإحداثيات، وتوسيع نطاق اللوحة التلقائي ليتناسب مع أبعاد إطار العرض.
Creates graphical elements that respond in real-time to mouse movements and user interactions.
JavaScriptcanvascanvas-nesthtml5
