awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
wout avatar

wout/svg.js

0
View on GitHub↗
svgjs.dev↗

Svg.js

svg.js is a JavaScript library and vector graphics API that provides a programmatic interface for creating and modifying scalable vector graphics in the browser. It functions as a lightweight wrapper for the browser DOM to simplify the management of SVG elements and attributes.

The project serves as both a manipulation library and an animation framework, enabling the development of dynamic user interfaces and web vector animations. It covers the creation of motion and visual transitions for vector graphics to produce fluid animations.

The library's capabilities extend to vector graphic visualization, supporting the construction of interactive diagrams and data visualizations through programmatic control of SVG properties and structure.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Dynamic Vector Graphics - Provides a programmatic interface for the real-time manipulation and modification of vector-based visual elements.
  • Vector Animation Libraries - Provides tools for animating SVG paths, strokes, and coordinate systems to create fluid vector animations.
  • Dynamic SVG Manipulation - Enables real-time programmatic alteration of SVG attributes and element hierarchies.
  • Property-Based Style Mappings - Maps high-level JavaScript object properties directly to SVG presentation attributes like coordinates and colors.
  • Vector Graphics Rendering - Functions as a lightweight DOM wrapper for rendering high-fidelity visual output using scalable vector graphics.
  • Direct DOM Manipulation - Provides a programmatic interface for direct DOM manipulation of SVG XML attributes for high-performance updates.
  • CSS Animation Classes - Provides a system for triggering visual transitions by applying pre-defined CSS animation classes to SVG elements.
  • SVG Data Visualization - Supports the programmatic generation of vector graphics for building interactive diagrams and data visualizations.
  • Web Interface Animation Libraries - Implements smooth visual transitions and animated graphic elements specifically for web browser environments.
  • Data Visualization - Lightweight SVG manipulation and animation.
  • Canvas and SVG Tools - A library for manipulating and animating SVG elements.
  • Game Engines - Lightweight library for SVG manipulation and animation.
11,796 stars·1,079 forks·JavaScript·20 views

Star history

Star history chart for wout/svg.jsStar history chart for wout/svg.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does wout/svg.js do?

svg.js is a JavaScript library and vector graphics API that provides a programmatic interface for creating and modifying scalable vector graphics in the browser. It functions as a lightweight wrapper for the browser DOM to simplify the management of SVG elements and attributes.

What are the main features of wout/svg.js?

The main features of wout/svg.js are: Dynamic Vector Graphics, Vector Animation Libraries, Dynamic SVG Manipulation, Property-Based Style Mappings, Vector Graphics Rendering, Direct DOM Manipulation, CSS Animation Classes, SVG Data Visualization.

Which projects share features with wout/svg.js?

Projects with overlapping indexed features include: adobe-webplatform/snap.svg — Snap.svg is a JavaScript library for creating, manipulating, and animating scalable vector graphics directly in the… paperjs/paper.js — Paper.js is an HTML5 Canvas vector graphics library and scripting framework used for creating and manipulating 2D… exyte/macaw — Macaw is a Swift vector graphics library and animation framework used to create and render scalable geometric shapes… svgdotjs/svg.js — svg.js is a JavaScript library and toolkit for programmatically creating, modifying, and querying Scalable Vector… kangax/fabric.js — Fabric.js is an HTML5 canvas library and interactive vector graphics engine. It provides an object-oriented model for… dmitrybaranovskiy/raphael — Raphael is a JavaScript library for creating, manipulating, and animating scalable vector graphics. It provides a…

Projects sharing features with Svg.js

These projects share indexed features with Svg.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • adobe-webplatform/snap.svgadobe-webplatform avatar

    adobe-webplatform/Snap.svg

    14,012View on GitHub↗

    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

    JavaScriptjavascriptjavascript-librarysnap
    View on GitHub↗14,012
  • paperjs/paper.jspaperjs avatar

    paperjs/paper.js

    15,054View on GitHub↗

    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

    JavaScript
    View on GitHub↗15,054
  • exyte/macawexyte avatar

    exyte/Macaw

    6,050View on GitHub↗

    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

    Swiftanimationdrawinggraphics
    View on GitHub↗6,050
  • svgdotjs/svg.jssvgdotjs avatar

    svgdotjs/svg.js

    11,796View on GitHub↗

    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

    JavaScriptanimationjavascriptsvg
    View on GitHub↗11,796
Compare all 30 related projects→