30 open-source projects similar to svgkit/svgkit, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best SVGKit alternative.
jsplumb is a JavaScript diagramming library and visual connectivity engine used to draw draggable connections between HTML elements. It functions as an SVG connector framework that renders dynamic links to create visual connectivity maps and flowcharts. The library provides tools for building node-based user interfaces, interactive workflow mapping, and visual diagramming. It enables the creation of dynamic relationship visualizations where users can link steps or pieces of information together on a web page.
Snap.svg is a JavaScript library for creating, manipulating, and animating scalable vector graphics directly in the web browser. It functions as a browser-based SVG generator and vector graphics manipulation tool, providing a framework to programmatically generate complex drawings and masks. The project serves as an animation engine for transitioning visual properties and attributes over time to create motion. It enables the development of dynamic SVG content, including the ability to animate viewboxes, matrices, and polygon points. Its capability surface covers geometric calculations and th
svg.js is a JavaScript library and toolkit for programmatically creating, modifying, and querying Scalable Vector Graphics in the browser. It functions as a programmable interface and DOM wrapper that allows developers to manipulate vector elements through a standardized API rather than writing raw XML. The library includes a dedicated animation framework for creating fluid motion and visual transitions. This is supported by tools for path morphing and the use of timelines and easing functions to animate vector graphics. The toolkit covers a broad range of capabilities, including geometric t
Raphael is a JavaScript library for creating, manipulating, and animating scalable vector graphics. It provides a programmatic interface and a cross-browser renderer for drawing 2D vector graphics and complex shapes within a web browser. The project functions as an SVG animation framework and drawing API, allowing for the construction of diagrams, charts, and custom illustrations. It enables the creation of motion graphics through the transformation of vector elements using coordinate systems and easing functions. The library covers capabilities for scalable vector rendering, dynamic data vi
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
Resvg is a high-compliance SVG rendering library and parsing engine designed to convert scalable vector graphics into raster images. It functions as an SVG to raster converter that resolves XML trees and manages the transformation of vector data into bitmap formats. The project ensures cross-platform visual consistency by producing identical pixel-perfect output regardless of the operating system or CPU architecture. It distinguishes itself through a text layout engine that handles complex typography, including bidirectional reordering, vertical writing modes, and color emoji fonts. The libr
Two.js is a multi-backend graphics engine and vector drawing library that provides a unified API for creating two-dimensional graphics and animations. It functions as a renderer-agnostic abstraction layer, allowing users to generate vector shapes and paths that can be rendered via SVG, Canvas2D, or WebGL. The engine includes a scene graph manager to organize objects into hierarchical groups, enabling the propagation of collective transformations and parent-child relationships. It also features a headless graphics renderer, providing a node-based implementation for generating 2D drawings in se
This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc
Macaw is a Swift vector graphics library and animation framework used to create and render scalable geometric shapes and text. It functions as an SVG rendering engine and an interactive vector graphics toolkit for displaying complex artwork while maintaining image quality at any scale. The framework enables the animation of shape properties and node transformations, including the ability to morph one vector path into another. It allows for the integration of external SVG files and the application of linear and radial gradients to fills and strokes. The toolkit covers a range of capabilities
Skia is a high-performance 2D graphics rendering library used for drawing text, geometries, and images on digital surfaces. It functions as a hardware-accelerated graphics engine that offloads drawing operations to the GPU, a vector graphics processor for SVG and complex paths, and a typography engine for shaping and drawing characters with Unicode support. The project provides a cross-platform image codec for encoding and decoding standard image formats into raw pixel data across multiple operating systems. It also enables the development of user interfaces that maintain visual consistency a
Britecharts is an SVG data visualization toolkit and D3.js charting library. It functions as a composable visualization framework and interactive charting interface used to render data-driven graphics. The library provides a variety of chart types, including line, bar, scatter, donut, sparkline, step, and bullet charts, as well as stacked area and grouped bar charts. It supports interactive elements such as brush interfaces for zooming into date ranges and informational tooltips for data overlays. The framework includes capabilities for visual configuration, such as axis scaling, color schem
Coil is an image loading and caching pipeline designed for Android and Compose Multiplatform applications. It functions as a comprehensive loader, caching engine, and rendering utility that asynchronously fetches and displays images from network URLs, local storage, and multiplatform resource systems. The library distinguishes itself through a flexible fetcher-decoder pipeline and an interface-driven component registry, allowing for the integration of custom networking clients and decoders. It provides specialized support for rendering scalable vector graphics, animated formats such as GIF an
LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan
Highcharts is a JavaScript charting library and interactive data visualization framework used to render complex datasets as visual charts and maps. It functions as a customizable SVG charting engine that produces scalable vector graphics for data series. The library allows for the creation of interactive data visualizations with configurable colors, labels, and themes. It also provides a cross-platform visualization wrapper to embed these web-based charts into native iOS and Android mobile applications. The toolkit supports the development of custom dashboards and provides options to build c
React Native Gifted Charts is a mobile-first data visualization framework designed for building interactive and animated graphical representations within React Native applications. It functions as a declarative component library that enables developers to render complex datasets through a variety of visual formats, including bar, line, area, pie, and scatter plots. The library distinguishes itself through a native-driven rendering engine that utilizes vector graphics primitives to draw shapes and paths directly on the screen. It supports sophisticated visual configurations such as gradients,
bpmn-js is a browser-based BPMN 2.0 web modeler and rendering engine used for creating, editing, and visualizing business process models. It functions as an XML process modeler that parses BPMN 2.0 XML data into interactive visual diagrams within a web application. The project distinguishes itself as a business process visualizer with capabilities for process flow simulation, which tracks token movement to mimic real-time execution. It also supports diagram version comparison to identify changes between model iterations and provides a layered overlay interface for binding metadata and custom
This project is a client-side data visualization framework and SVG charting library used to render responsive, interactive charts in a web browser. It functions as a lightweight utility for generating scalable vector graphics and data annotations without external dependencies. The library enables the creation of custom SVG charts with adjustable colors and animations to meet specific design requirements. It supports dynamic data updates and the addition of markers, regions, and tooltips to provide context to specific data points. The system covers broad capability areas including responsive
pugixml is a lightweight C++ XML parser and DOM-based library used for parsing, manipulating, and saving XML documents. It provides a portable toolset for reading XML data from files, strings, or memory buffers and converting them into an in-memory document object model. The library includes a dedicated XPath 1.0 engine for extracting specific nodes and data through path expressions. It distinguishes itself through customizable memory management, allowing heap operations to be redirected to user-defined allocation functions, and the ability to perform in-place buffer parsing to reduce memory
lottie-ios is a vector graphics engine and animation framework for iOS that renders animations exported from After Effects as native visual elements. It functions as a renderer that converts animation data into high-fidelity native shapes to maintain small file sizes on mobile devices. The framework provides tools for managing playback, looping, and real-time property updates. It allows for the modification of colors, positions, and keyframe properties of active animations to respond to application state changes. The system parses JSON-based animation data and maps keyframes to native layers
Android-Iconics is an icon library wrapper for Android applications that enables the use of icon fonts and SVG vectors as drawables. It provides a system for rendering vector graphics and importing custom icon sets through font files and CSS mappings. The project includes a dedicated SVG vector renderer and a tool for integrating custom icon fonts. It also features a mirroring utility that automatically flips icons for right-to-left language layouts to maintain visual consistency across different locales. The library covers icon style customization for properties such as color, size, and pad
vx is a declarative charting framework and SVG data visualization library. It serves as an integration layer that combines D3 mathematical scales and shapes with a component-based UI for rendering visualizations. The project provides a set of building blocks for constructing custom charts and diagrams using React components. It bridges mathematical data and visual representation by utilizing low-level primitives to manage scalable vector graphics without manual document object model manipulations. The library covers a broad capability surface including custom chart development, declarative S
This project is a React skeleton loader library and UI component set used to create animated SVG placeholder shapes that represent loading content in user interfaces. It functions as an SVG loading placeholder generator designed to prevent layout shifts by signaling data loading states. The library includes a custom loader design tool for building bespoke skeleton shapes that match specific interface layouts. It employs a rendering approach with static SVG keys to ensure the components are compatible with client-server hydration, preventing mismatches between server-side and client-side rende
Open-iconic is a collection of visual assets provided as an SVG icon library, a webfont icon set, and a raster icon pack. It provides scalable vector graphics and fixed-pixel images in PNG and WebP formats to maintain visual identity across different screen resolutions and technical environments. The project includes an SVG sprite sheet to consolidate multiple vector icons into a single file, reducing network requests. It also supports the delivery of icons as webfonts, allowing symbols to be integrated and styled via CSS. The library covers cross-platform asset management, web SVG integrati
Noto Emoji is a Unicode emoji font collection and SVG asset library designed to ensure consistent emoji rendering across different operating systems and web browsers. It functions as a color-font rasterization engine that embeds pre-rendered bitmaps into font files to display multicolored glyphs. The project includes a variable-font emoji set that utilizes axes to adjust stroke thickness and style for both colorful and monochrome glyphs. It also maintains a Unicode emoji metadata registry that maps characters to shortcodes and ASCII equivalents. The collection provides capabilities for color
Clip is a command-line data visualization tool designed to generate image-based charts and diagrams from text descriptions. It functions as a chart generator that converts written data and descriptive patterns into visual formats without the use of a graphical user interface. The tool specializes in producing scalable vector graphics, translating text-to-chart transformations into XML-based vector paths. This approach allows for the automated creation of technical illustrations and diagrams specifically suited for developer documentation. The system employs a template-driven layout engine to
Diagram Maker is a web-based library designed for building interactive graph visualization and data modeling tools. It provides a framework for rendering node and link structures, allowing users to create custom editing environments where complex data relationships can be visualized and manipulated directly in the browser. The library utilizes a modular, plugin-driven architecture that enables developers to extend the core editing functionality to meet specific requirements without altering the underlying source code. It manages the application state through a centralized, immutable store, en
Ionicons is a library of hand-crafted scalable vector icons and an interface design asset pack used to build consistent user interfaces across web and mobile applications. It provides a collection of vector graphics designed for design system implementation and web component icon systems. The library includes a cross-platform icon set that automatically adapts its style based on the user's operating system to maintain a native look and feel. It also supports the integration of custom SVG assets through remote URL resolution to extend the available set of visuals. The system covers SVG asset
Font-Awesome is a CSS icon framework and SVG icon library that provides a standardized set of vector assets for digital user interfaces. It functions as a vector icon set and web font icon kit, delivering iconography through both scalable vector graphics and web fonts to ensure consistency across different screen densities and platforms. The project provides a multi-format distribution model, allowing assets to be rendered via SVG-based vector embedding or unicode-based glyph rendering. Visual styles, sizes, and positions are managed through a class-driven asset selection system and CSS-varia
DataV is a big screen visualization framework designed for high-impact data displays. It provides a collection of libraries for both Vue and React to build large-scale data dashboards featuring interactive charts and visual elements. The toolkit includes a specialized decoration kit of scalable vector graphics used to add borders and frames to professional data display screens. It focuses on complex data visualization, including the rendering of specialized charts such as water level and flight line maps. The framework covers a broad capability surface for data dashboard visualization, provi
FUXA is a web-based SCADA system and industrial HMI software designed for monitoring and controlling industrial hardware. It functions as an industrial protocol gateway and data historian, enabling the ingestion of telemetry from programmable logic controllers and sensors through standard industrial communication protocols. The project features a flow-based automation engine that allows for the construction of complex operational logic using a visual node-and-edge environment. It utilizes SVG-based rendering for its graphical interfaces, allowing users to develop custom HMI widgets and dashbo