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 est une bibliothèque d'animation JavaScript utilisée pour générer des réseaux de particules interactifs et des visuels de lignes connectées pour les arrière-plans de sites web. Elle fonctionne comme un système programmatique pour rendre un web de points et de lignes qui s'intersectent sur un élément HTML5 Canvas. La bibliothèque crée des effets visuels dynamiques où les particules se déplacent et forment des connexions basées sur la proximité et l'interaction de l'utilisateur. Ces systèmes de particules répondent aux mouvements de la souris en temps réel pour produire un rendu d'arrière-plan interactif. Le système inclut des options de configuration pour ajuster les styles visuels, tels que la densité des particules, les couleurs des lignes et l'opacité. Il gère la boucle d'animation, la détection de collision basée sur les coordonnées et la mise à l'échelle automatique du canvas pour correspondre aux dimensions du viewport.

Shiro est un modèle de site web personnel et un générateur de site statique markdown conçu pour établir un portfolio numérique professionnel. Il fournit un framework minimaliste pour déployer un site personnel haute performance doté d'un panneau administratif intégré et d'optimisations SEO. Le projet se distingue par un frontend interactif WebGL qui rend des arrière-plans de physique de particules dynamiques et des signatures SVG animées. Il intègre un système de notification WebSocket pour pousser des mises à jour instantanées aux visiteurs et utilise l'enrichissement de métadonnées piloté par API pour transformer les liens externes en cartes visuelles riches. La plateforme couvre la publication de contenu dynamique via un rendu markdown étendu, l'agrégation de présence sociale via des flux intégrés et des panneaux interactifs, et l'intégration de statut en temps réel avec des logiciels de reporting de processus externes. Les capacités supplémentaires incluent un panneau de gestion de contenu pour l'édition d'articles et la modération de commentaires, ainsi qu'une intégration de dons via des liens de paiement et des codes QR. L'application est fournie sous forme d'application web dockerisée pour assurer la cohérence de l'environnement entre les différents fournisseurs d'hébergement.

Vizceral est un outil de visualisation de graphes interactif basé sur le web et un tableau de bord d'analyse de topologie réseau. Il fonctionne comme un visualiseur de trafic réseau WebGL conçu pour rendre des graphes animés qui affichent le flux de données et les volumes de connexion entre les nœuds réseau. L'outil se concentre sur la surveillance des systèmes distribués et l'analyse du trafic en temps réel. Il mappe les topologies réseau via des vues interactives à plusieurs niveaux, permettant aux utilisateurs de naviguer des résumés globaux jusqu'aux interactions individuelles des nœuds pour identifier les dépendances et les modèles de communication. Le système gère la visualisation du trafic réseau et le mappage de topologie en agrégeant des graphes multi-niveaux. Il affiche le volume de trafic via des connexions animées sur un canvas pour représenter la quantité de données circulant entre les services.

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