Awesome GitHub RepositoriesParticle

particles.js is a JavaScript particle animation library and visual effects engine used to create interactive, canvas-based simulations for web interfaces. It enables the generation of dynamic background animations and networked visual effects through coordinate-based particle movements. The library features a system for drawing connecting lines between particles based on proximity to create network-style visualizations. It includes mechanisms for mapping mouse movements and click events to specific particle behaviors, such as attraction or repulsion. Users can configure particle density, opa

canvas-confetti is an HTML5 canvas animation library and browser particle effect engine designed to render celebratory confetti bursts. It functions as a visual effects tool that transforms SVG paths, emojis, and text into animated particles. The library offloads heavy particle calculations to a web worker to maintain main thread responsiveness and prevent the user interface from lagging. It includes built-in support for operating system reduced motion settings, automatically disabling animations for users with motion sensitivities to ensure accessibility compliance. The system supports conf

tsparticles is a JavaScript particle animation library and configuration-driven visual effects engine used to create customizable effects, confetti, and interactive backgrounds using HTML5 Canvas. It functions as a plugin-based graphics engine and a web component animation engine, allowing for the generation of complex behaviors and themes through structured JSON configuration objects. The project provides a cross-framework animation wrapper with dedicated compatible components for integrating effects into React, Vue, Angular, and Svelte. Its modular architecture allows users to extend the en

Earth is an interactive web-based platform for visualizing global weather, ocean, and atmospheric data. It animates particle flows representing wind, ocean currents, and waves on a customizable map, and supports overlaying color-coded meteorological, oceanographic, chemical, and particulate data for detailed analysis. The platform distinguishes itself by offering multiple cartographic projections—including orthographic, equirectangular, and stereographic—that can be switched to view global patterns from different perspectives. It also provides keyboard-driven navigation, allowing map rotation

3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within

ParticleEffectForUGUI is a Unity component that renders particle systems directly within the uGUI canvas system, eliminating the need for extra cameras or render textures. It integrates particle effects into the canvas rendering pipeline with full sorting and scaling support, and respects Unity UI Mask and RectMask2D components for proper clipping. The component allows particles to be sorted alongside other UI elements by sibling index for correct visual layering, and supports multiple scaling modes including 3D scaling and automatic scaling that responds to canvas size changes. Particle mate

canvas-nest.js هي مكتبة رسوم متحركة JavaScript تستخدم لإنشاء شبكات جسيمات تفاعلية ومرئيات خطوط متصلة لخلفيات مواقع الويب. تعمل كنظام برمجي لعرض شبكة من النقاط والخطوط المتقاطعة على عنصر HTML5 Canvas. تنشئ المكتبة تأثيرات مرئية ديناميكية حيث تتحرك الجسيمات وتشكل اتصالات بناءً على القرب وتفاعل المستخدم. تستجيب أنظمة الجسيمات هذه لحركات الماوس في الوقت الفعلي لإنتاج عرض خلفية تفاعلي. يتضمن النظام خيارات تكوين لضبط الأنماط المرئية، مثل كثافة الجسيمات، وألوان الخطوط، والشفافية. يتعامل مع حلقة الرسوم المتحركة، واكتشاف التصادم القائم على الإحداثيات، وتوسيع نطاق اللوحة التلقائي ليتناسب مع أبعاد إطار العرض.

Shiro هو قالب موقع شخصي ومولد مواقع ثابتة بـ markdown مصمم لإنشاء محفظة رقمية احترافية. يوفر إطار عمل بسيط لنشر موقع شخصي عالي الأداء يتميز بلوحة إدارية متكاملة وتحسينات لمحركات البحث (SEO). يتميز المشروع بواجهة أمامية تفاعلية WebGL تعرض خلفيات فيزياء الجسيمات الديناميكية وتوقيعات SVG متحركة. يدمج نظام إشعارات WebSocket لدفع تحديثات فورية للزوار ويستخدم إثراء البيانات الوصفية القائم على API لتحويل الروابط الخارجية إلى بطاقات مرئية غنية. تغطي المنصة نشر المحتوى الديناميكي عبر عرض markdown الموسع، وتجميع التواجد الاجتماعي من خلال الخلاصات المضمنة واللوحات التفاعلية، وتكامل الحالة في الوقت الفعلي مع برامج تقارير العمليات الخارجية. تشمل الإمكانيات الإضافية لوحة إدارة المحتوى لتحرير المقالات والاعتدال في التعليقات، بالإضافة إلى تكامل التبرع عبر روابط الدفع ورموز QR. يتم توفير التطبيق كتطبيق ويب داخل حاوية Docker لضمان اتساق البيئة عبر مزودي الاستضافة المختلفين.

Vizceral is a web-based interactive graph visualization tool and network topology analytics dashboard. It functions as a WebGL network traffic visualizer designed to render animated graphs that display data flow and connection volumes between network nodes. The tool focuses on distributed system monitoring and real-time traffic analysis. It maps network topologies through interactive tiered views, allowing users to navigate from global summaries down to individual node interactions to identify dependencies and communication patterns. The system handles network traffic visualization and topol

uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch

React particle effect button is an animated disintegration user interface library that renders particle-based visual transitions and interactive disintegrating button animations. The component functions by bursting interactive user interface elements into animated particles upon activation and reintegrating them when reversed, providing visual feedback for user actions. The library captures the visual appearance of wrapped elements into pixel data at runtime to generate corresponding particle color maps. It manages continuous visual updates by synchronising particle physics calculations with