Two.js

Features

2D Graphics Frameworks - Provides a unified framework for rendering 2D shapes and animations across multiple web-based backends.
Vector Graphics Renderers - Provides a multi-backend graphics engine for rendering 2D vector shapes via SVG, WebGL, or Canvas.
Shape Drawing - Provides tools for programmatically generating geometric primitives and complex vector paths with custom styling.
Abstraction-Layer Rendering Backends - Implements a renderer-agnostic abstraction layer to switch between SVG, Canvas2D, and WebGL backends.
Headless Renderers - Implements a node-based renderer to generate 2D vector graphics in server-side environments without a browser.
Scene Management Systems - Organizes complex hierarchies of vector shapes and images with shared transformations.
Object Hierarchy Management - Manages the nesting of drawable objects to propagate transformations and handle complex scene compositions.
Scene Graphs - Uses a hierarchical scene graph to organize objects and propagate spatial transformations and styles.
Multi-Backend Renderers - Offers a renderer-agnostic abstraction layer that allows switching between SVG, Canvas2D, and WebGL output technologies.
Unified Vector APIs - Provides a single set of drawing commands that translate to backend-specific instructions at runtime.
Vector Shape Construction - Generates 2D geometric primitives and paths with customizable fills, strokes, and opacity.
Animation Loops - Implements a continuous animation loop that updates object properties at a consistent frame rate.
Scene Graphs - Includes a system for organizing 2D objects into hierarchical groups to manage spatial transformations and property propagation.
Bitmap Rendering - Supports loading and displaying static images, sprite sheets, and image sequences alongside vector content.
Headless Implementations - Provides a node-based canvas implementation for generating 2D drawings on a server without a browser.
Dynamic SVG Manipulation - Imports and programmatically manipulates SVG files to create dynamic scenes in the browser.
Headless Vector Engines - Generates 2D drawings on a server or cloud environment using a node-based headless canvas.
SVG-Based Vector Rendering - Parses Scalable Vector Graphics files and converts them into vector elements for the scene.
SVG Parsers - Translates SVG XML data into internal scene objects while preserving geometric and styling attributes.
Object Grouping - Allows clustering multiple objects into single entities for shared styling and collective transformations.
Interactive Animation Systems - Facilitates building smooth motion graphics and interactive visual elements using a continuous loop.
Vector Styling Tools - Provides tools for filling or stroking shapes using linear gradients, radial gradients, textures, or image sequences.
Data Visualization - Renderer-agnostic 2D drawing API.
Canvas and WebGL Graphics - Renderer-agnostic 2D drawing API with animation support.
Game Engines - Renderer-agnostic 2D drawing API.
Graphics and Rendering - Renderer-agnostic 2D drawing API.

Open-source alternatives to Two.js

Similar open-source projects, ranked by how many features they share with Two.js.

paperjs/paper.js
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 GitHub15,054
createjs/easeljs
createjs/easeljs
8,168View on GitHub
EaselJS is a JavaScript library for creating interactive 2D graphics and animations using the HTML5 Canvas element. It functions as a 2D animation framework, a canvas scene graph manager, and an interaction wrapper for detecting and responding to mouse and touch events. The library features a rendering pipeline that utilizes WebGL to increase the drawing performance of bitmap and cached content. It organizes visual elements into a hierarchical display list, allowing nested groups of 2D graphics objects to be transformed and animated as single units. Its capabilities cover the rendering of ve
JavaScript
View on GitHub8,168
mrdoob/three.js
mrdoob/three.js
113,086View on GitHub
This project is a high-level 3D graphics engine designed to render complex, hardware-accelerated environments within web browsers. It provides a comprehensive abstraction layer that manages scene graphs, cameras, and lighting, mapping high-level scene definitions onto low-level graphics APIs. By decoupling these definitions from specific hardware targets, the engine ensures consistent performance across diverse browsers and devices. The framework distinguishes itself through a robust architecture that includes a unified math library for high-frequency spatial calculations and a physically bas
JavaScript3daugmented-realitycanvas
View on GitHub113,086
hiloteam/hilo
hiloteam/Hilo
5,932View on GitHub
Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys
JavaScriptcanvasgamehilo
View on GitHub5,932

See all 30 alternatives to Two.js

jonobr1two.js

Features

Open-source alternatives to Two.js

paperjs/paper.js

createjs/easeljs

mrdoob/three.js

hiloteam/Hilo

Star history

Open-source alternatives to Two.js

paperjs/paper.js

createjs/easeljs

mrdoob/three.js

hiloteam/Hilo