Projects sharing features with JsBarcode

This library is a multi-format barcode processing utility designed for web browsers and server-side environments. It provides a comprehensive suite of tools for both decoding existing barcode symbols and generating new ones from input data. The project distinguishes itself by enabling continuous, real-time barcode scanning directly from live video streams. By utilizing browser camera interfaces and automated frame processing, it allows applications to capture and interpret one-dimensional and two-dimensional barcode data without requiring manual image uploads or user intervention. Beyond rea

gg is a Go 2D graphics library and vector graphics engine designed for programmatic image generation. It provides a canvas rendering API to create custom 2D shapes, paths, and visual assets, which can be exported as PNG and JPG files. The toolkit enables the construction of complex geometry using Bezier curves and custom paths. It supports a variety of rendering operations, including filling and stroking paths, applying linear and radial gradients, and utilizing surface patterns. The library covers a broad range of capabilities, including text rendering with word wrapping and dimension measu

signature_pad is a JavaScript library and drawing tool for capturing handwritten digital signatures on an HTML5 canvas. It provides a handwriting capture interface that transforms raw mouse or touch inputs into smooth, professional-looking lines. The project uses Bézier curve interpolation to smooth jagged input points into fluid strokes. It supports the configuration of drawing aesthetics, including pen color, background color, and line width, and includes a history management system for undoing and restoring drawing actions. The library handles the serialization of signature data into poin

Simpl is an HTML, CSS, and JavaScript example library that provides a collection of minimal functional demonstrations of core web technologies and native browser APIs. It serves as a reference implementation and pattern gallery for frontend development, offering practical examples of how to implement common web features. The project showcases a wide range of browser capabilities, including real-time web communication via WebSockets and WebRTC, responsive web design techniques for adaptive layouts, and the implementation of offline workflows using service workers. It also provides demonstratio

The official rendering library for PAG (Portable Animated Graphics) files that renders After Effects animations natively across multiple platforms.

Photopea is a browser-based image editor that runs entirely in the browser without requiring any downloads or installations, capable of editing both raster and vector graphics. It functions as a multi-format image converter, a PSD file editor, a RAW photo processor, and a vector graphics editor, all within a single web application. The editor distinguishes itself through its extensive file format support, opening and saving industry-standard formats including PSD, AI, Sketch, Figma, and XD, as well as native files from Affinity, InDesign, and Krita. It also supports RAW camera files from Niko

Paper.js is an HTML5 Canvas vector graphics library and scripting framework used for creating and manipulating 2D shapes and paths. It functions as a vector animation framework and a headless vector graphics engine, allowing for the execution of graphics operations in both browser and server-side environments. The project features a dedicated SVG import and export engine to convert between native vector items and the SVG format. It includes a specialized boolean path operation toolkit for uniting, subtracting, and intersecting vector paths to create complex geometric shapes. The library cove

This project is a client-side tool that fetches a GitHub user’s entire contribution history and renders it as a single, continuous timeline chart. It operates entirely in the browser as a single-page application, using the HTML5 Canvas API to draw a pixel-level heatmap where color intensity reflects contribution frequency across every day from account creation to the present. The tool retrieves data through authenticated requests to the GitHub API, then aggregates daily counts into a date-range timeline without requiring any server-side processing. Its output serves as a comprehensive visual

This project is a programmable font system and canvas typography engine that renders a geometric sans-serif typeface using raw coordinate data. It functions as a coordinate-based text animator, allowing for the real-time modification of glyph shapes and font weights. The system distinguishes itself through the ability to extract and manipulate the point coordinates of characters to create morphing effects, wave animations, and shape transitions. It enables dynamic weight interpolation and point-to-line visualizations, moving beyond static font rendering to produce procedural typography. The

tsparticles is a JavaScript particle engine and canvas visual effects toolkit used to create animated particle systems, interactive backgrounds, and web animations. It functions as a web animation library that provides a set of compatible wrappers for integration into React, Vue, Angular, and Svelte applications. The engine includes pre-built animation patterns for celebratory effects, such as confetti explosions and fireworks. It allows for the creation of custom JavaScript visualizations through a plugin system that enables the development of specialized shapes and behaviors. The toolkit s

OpenScreen is screen recording and editing software used to capture screen video and audio with an integrated timeline for trimming, cropping, and playback adjustments. It functions as a comprehensive system for recording, annotating, and exporting audio-visual content. The project includes a dynamic zoom editor for applying manual or cursor-following zooms with adjustable depth and easing. It features a local caption generator that uses on-device transcription to create voiceover captions without uploading data to external servers. Additional specialized tools allow for the integration of we

Trianglify is an algorithmic background generator and vector art toolkit used to produce pseudo-random geometric patterns and polygonal meshes. It functions as a rendering engine that converts geometric data into either scalable vector graphics or rasterized canvas elements. The system utilizes deterministic pattern generation via seed values to ensure consistent geometric output. It supports customizable color gradients, coordinate grid jittering, and custom geometry definitions to control the placement and shape of the generated meshes. The project covers algorithmic art generation and gen

AndroidNote is a technical knowledge base and reference resource for Android development. It provides comprehensive guidance on application architecture, custom view development, and advanced graphics programming. The project is distinguished by its depth in visual implementation, covering pseudo-3D perspective projections via virtual cameras and complex 2D rendering using Bézier curves and PorterDuff color blending. It also provides detailed methodologies for app modularization and the management of internal libraries through private Maven repositories and JitPack. The reference surface ext

Le Git Graph is a browser-based tool that displays a visual commit graph for any GitHub repository, showing branch structure and commit history directly in the page. It operates as a single-page application that injects the commit graph into existing repository pages without full page reloads, using OAuth to authenticate with GitHub and authorize API requests for commit data. The tool renders commit nodes and branch lines on an HTML canvas element for smooth, high-performance visualization of complex git histories. It filters the commit graph to show only commits from a selected branch, hidin

react-canvas is a library for drawing user interface elements to a hardware-accelerated canvas instead of the standard document tree. It provides a system for rendering components to a canvas to improve rendering speed and frame rates. The project includes a layer manager to organize visual elements and cache expensive drawing operations. It features a text engine capable of rendering multi-line text with precise character metric measurements and truncation, as well as a virtualized list system that processes only visible items to maintain smooth scrolling. Interaction is handled through a c

This is a chart library for rendering interactive data visualizations within WeChat Mini Programs using the Apache ECharts engine. It provides a set of visual components that use 2D canvas interfaces to render line, bar, pie, and scatter plots. The library utilizes a 2D canvas interface to increase drawing speed and resolve visual layering issues. It implements an interactive charting component that supports touch-based data interaction, allowing users to see detailed contextual information through formatted tooltips when tapping or hovering over data points. The project covers mobile data v

heatmap.js is a JavaScript data visualization library used to render data density visualizations on a web page. It functions as an HTML5 canvas heatmap library that represents the intensity of data points across a coordinate system using color gradients. The library provides tools for geospatial distribution mapping and user behavior analysis, such as mapping click patterns and interaction hotspots. It is also used to add visual intensity layers to interactive data dashboards to identify trends and anomalies.

jspaint is a web-based reimplementation of Microsoft Paint, built entirely in JavaScript to run in a browser. It recreates the classic desktop application by reverse-engineering the original Win32 API calls and event handling, rendering the entire interface onto an HTML5 canvas for pixel-perfect retro graphics. The project preserves the original file format compatibility with BMP, PNG, GIF, and JPEG, ensuring exact pixel data matches the legacy application. The application maintains a complete undo history stack using compressed image snapshots, and offloads computationally intensive image pr

This project is a cross-platform mobile graphing library designed for rendering high-performance animated line charts and data visualizations. It functions as a canvas-based data visualization system and interactive charting component for mobile applications. The library focuses on animated data visualization, using interpolation to create smooth visual transitions between different data sets. It utilizes a GPU-accelerated graphics engine to maintain high frame rates and fluid transitions during data updates. The capability surface includes interaction systems for tracking pan gestures and d

This project is a data encoding library and React component generator designed to convert text strings into scannable matrix barcodes. It provides a unified interface for rendering these patterns within both web and mobile application environments, facilitating the integration of dynamic data visualization directly into user interfaces. The library distinguishes itself through a platform-agnostic abstraction layer that supports both scalable vector graphics and pixel-based canvas rendering. This approach ensures that generated codes maintain visual clarity across varying screen resolutions an

Fabric.js is an HTML5 canvas library and interactive vector graphics engine. It provides an object-oriented model for creating, manipulating, and animating 2D shapes and interactive graphics on a web page. The project functions as an SVG to canvas parser, translating SVG data into interactive canvas objects and exporting canvas states back into SVG format. It also serves as a canvas image processing tool for applying filters, gradients, patterns, and brush strokes to visual elements. The library covers programmatic vector manipulation, including the ability to scale, rotate, skew, and group

Leafer UI is a high-performance HTML5 canvas rendering engine and 2D vector graphics library. It utilizes a hierarchical scene tree to manage shapes, paths, and text, providing a toolkit for building interactive canvas applications and expansive infinite canvases. The engine is designed as a cross-platform canvas toolkit that decouples core logic from the drawing API, allowing it to run across web, mobile, server, and mini-program environments. It distinguishes itself by providing specialized tools for interactive graphic editor development, including hit detection, event bubbling, and transf

Logoly is a browser-based logo editor that generates logos mimicking the signature visual style of popular platforms. It renders logo previews by drawing vector graphics directly onto an HTML canvas element, managing all editor state entirely within the browser. The tool provides real-time customization of logo text, color, and font size through an interactive on-screen editor, with instant preview updates as adjustments are made. It applies visual styles by mapping user-selected colors and fonts to CSS-like properties on SVG elements, and uses predefined layout templates to position text and

Flame is a 2D game engine and framework for Flutter. It provides a component-based architecture to organize scene entities and manage their lifecycles through a structured hierarchy of game objects, coordinated by a consistent game loop. The engine includes a graphics library for rendering animated sprites, particle effects, and external textures. It features a 2D physics integration layer that supports rigid body dynamics and collision detection between entities. The framework covers additional capabilities for game engineering, including user input capture for gestures and gamepads, audio

This project is a browser-based, real-time multiplayer action game where players control a character on a 2D canvas to absorb objects and grow in size. It utilizes a Node.js game server and WebSockets to synchronize game state, player movement, and chat across all connected participants. The application is delivered as a dockerized game application, ensuring consistent hosting and deployment across different cloud environments through containerized server environments. The system implements an authoritative server model that processes all game logic and physics to prevent cheating and mainta

This project is a collection of technical demonstrations and prototypes that showcase various HTML5 APIs, multimedia capabilities, and web standard implementations. It serves as a frontend technology sandbox and a gallery of implementation proofs-of-concept for modern browser features. The collection includes specialized showcases for HTML5 multimedia, featuring the manipulation of audio, video, and real-time media streams. It also provides a series of experiments focused on prototyping web capabilities to verify technical feasibility and browser support in live environments. The project cov