canvas

excalidraw/excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

mrdoob/three.js

three.js: the long-standing standard for 3D on the web — A cross-browser JavaScript 3D library now supporting both WebGL and WebGPU renderers, with SVG/CSS3D as addons. It powers everything from simple canvas demos to WebXR-based VR/AR apps, competing with engines like Babylon.js while staying lightweight and easy to use.

JavaScript 3D Library.

juliangarnier/anime

Anime.js V4 brings a new look and continued momentum — Anime.js is a lightweight JavaScript animation library for CSS, SVG, DOM attributes and JS objects. The repo now showcases a V4 logo refresh and is sustained through GitHub Sponsors, signaling active development for developers who need a simple yet powerful animation API.

JavaScript animation engine

tldraw/tldraw

An infinite-canvas SDK for building custom React drawing apps — tldraw packages its whiteboard into a reusable React SDK with custom shapes, tools, bindings and a sync library for self-hosted real-time collaboration. It targets developers building canvas or diagram apps rather than a finished product, offering starter kits and a runtime Editor API for deep customization.

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

rough-stuff/rough

A tiny library that renders sketchy, hand-drawn graphics — Rough.js is a sub-9kB library for drawing lines, curves, polygons and SVG paths with a hand-drawn look, working on both Canvas and SVG. It offers multiple fill styles—hachure, solid, zigzag, cross-hatch, dots—useful for wireframes, whiteboards, or playful UI graphics.

Create graphics with a hand-drawn, sketchy, appearance

tradingview/lightweight-charts

Tiny, fast HTML5 financial charts from TradingView, now pluggable — Lightweight Charts™ is TradingView's small, fast canvas-based charting library for web pages, sized close to a static image. It now supports custom plugins, with a plugin catalog and interactive examples, making it suited for developers who need interactive financial charts without hurting page performance.

Performant financial charts built with HTML5 canvas

whatwg/html

HTML Standard

lemomo-ai/lemo-opuscar

A toolbox of film styles made in code for Claude Code: 59 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：59 种现成风格，也能做出你自己的

LuxAlgo/Vela

An open-source, pluggable WebGL2 chart engine for trading apps — Vela is the open-source core behind LuxAlgo's chart product: a headless financial charting engine with a native WebGL2 renderer (canvas2d fallback) and swappable data providers, scripting engines and renderers via a plugin SDK. Useful for developers building custom trading or indicator-driven web apps who want full code control plus an optional ready-made workspace UI.

Fast, extensible financial charts for the web. The open-source core of Vela by LuxAlgo.

vincentsch/explainroo

Explainer videos and product demos made by your AI agent. Free and open source: a local voice (Kokoro), word timing (Whisper) and a canvas renderer turn a script into a narrated MP4.