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 渲染进行动态内容发布、通过嵌入式 Feed 和交互式面板进行社交展示聚合，以及与外部流程报告软件的实时状态集成。其他功能包括用于文章编辑和评论审核的内容管理面板，以及通过支付链接和二维码进行的捐赠集成。 该应用作为 Docker 化 Web 应用提供，以确保跨不同托管服务商的环境一致性。

Vizceral 是一个基于 Web 的交互式图形可视化工具和网络拓扑分析仪表板。它作为一个 WebGL 网络流量可视化器，旨在渲染动画图形，以显示网络节点之间的数据流和连接量。 该工具专注于分布式系统监控和实时流量分析。它通过交互式分层视图映射网络拓扑，允许用户从全局摘要导航到单个节点交互，以识别依赖关系和通信模式。 该系统通过聚合多级图形来处理网络流量可视化和拓扑映射。它通过画布上的动画连接显示流量，以表示在服务之间流动的数据量。

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