The Vibeary — tag
canvas
41 resources in The Vibeary tagged "canvas" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

tsParticles Confetti
Confetti and firework burst library with shape, physics, spread and origin controls, framework-agnostic with React and Vue wrappers.

tsParticles
TypeScript particle engine with presets for confetti, fireworks, links and polygon masks, plus React, Vue, Svelte and Angular wrappers.

ASCII Video Converter
Client-side tool converting uploaded video or webcam feed into coloured ASCII art with adjustable resolution, palette and character set.

Pts.js
TypeScript library for composing points, vectors, curves and interaction into visualizations rendered to canvas or SVG.

Paper Shaders
Zero-dependency animated canvas shaders including mesh gradients, grain, dithering and warps, shipped as React components and vanilla JS.

Matter.js
2D rigid-body physics engine with collision, constraints and composites, frequently repurposed to make UI elements tumble and stack.

fireworks-js
Configurable fireworks particle library with React, Vue, Svelte and Angular bindings plus sound and trace controls.

make-real
tldraw project that turns a hand-drawn interface sketch on a canvas into working HTML you can iterate on.

awesome-canvas
Curated list of HTML5 canvas libraries, demos, articles and experiments across games, graphics and visualisation.

Canvas UI
Framework-agnostic library rendering real interactive HTML inside a canvas with WebGL shader effects applied over it.

Lightweight Charts
TradingView's canvas financial charting library covering candlesticks, volume and indicators in a ~45KB bundle.

LittleJS
Zero-dependency 2D HTML5 engine with WebGL batch renderer, built-in particle system, audio and physics in a tiny bundle.

Proton
Particle animation engine for canvas, WebGL and DOM with emitters, behaviours, forces and zones borrowed from VFX pipelines.

obelisk.js
Library for building isometric pixel graphics on HTML5 canvas from cube, brick and pyramid primitives.

canvas-confetti
Dependency-free confetti and firework bursts on canvas with physics options, off-screen worker support and custom shapes.

heatmap.js
Canvas heatmap library for point-density overlays with configurable radius, gradient and blur, usable over maps or images.

audioMotion-analyzer
High-resolution real-time audio spectrum analyzer module with configurable frequency scales, gradients and rendering modes.

diagram-js
Renderer and modelling toolkit underneath bpmn.io, providing canvas, palette, connection routing and undo for custom editors.

d3-cloud
Word cloud layout that places words with sprite-based collision detection, running asynchronously so it never blocks the page.

uPlot
Canvas time-series chart library in ~50KB that renders 150k+ points in milliseconds with near-zero CPU on streaming data.

Smoothie Charts
Tiny canvas library dedicated to live streaming timelines that scroll smoothly at 60fps with configurable delay buffers.

tldraw SDK
React infinite-canvas SDK with multiplayer sync, custom shapes, persistence and full programmatic control over canvas contents.

ditherjs
Small library that dithers any img element to a fixed palette using ordered or error-diffusion algorithms.

litecanvas
Roughly 4kb HTML5 canvas engine with a tiny global API for jams, prototypes and size-limited game competitions.

Vizzu
Animated chart library that morphs between chart types along a continuous geometry so transitions carry meaning in data stories.

Drawnix
Open-source whiteboard combining mind maps, flowcharts and freehand drawing on one infinite canvas.

canvas-nest.js
Tiny canvas script that draws an interactive connected-node particle mesh behind page content, configured via script tag attributes.

particles.js (marcbruederlin)
Dependency-free responsive particle background plugin with configurable density, connection lines and interaction modes.

d3fc
Component set for financial and technical charts on D3 that renders identical series to SVG, Canvas or WebGL from one definition.

Ripl
TypeScript graphics library with one API that renders to Canvas, SVG, WebGPU or the terminal, plus 23 built-in chart types.

Zdog
Pseudo-3D engine rendering round, flat, designer-friendly vector illustrations on canvas or SVG with genuine 3D rotation.

canvas-sketch
Framework and CLI for generative artwork in JavaScript with deterministic seeding, print-resolution export and video recording.

Two.js
Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.
Fly By
Browser retro biplane stunt game with balloon popping, wind, fuel, CRT scanlines and a full instrument dashboard — keyboard and touch.

ThoughtDAG
Local-first canvas where graph edges define the context sent to an LLM; branch, prune and merge nodes, then inspect the exact message sequence before sending.
Sketch.js
Minimal creative coding boilerplate that sets up a canvas, animation loop and input handling in a few lines.

signature_pad
Canvas-based smooth signature capture using variable-width Bézier interpolation, with undo and erase.

Glide Data Grid
Canvas-rendered React data grid handling millions of rows with native scrolling, inline editing and markdown/image cell types.
Flitter
Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.
Scribble Diffusion
Turns rough sketches into refined images using ControlNet on Replicate, with a minimal canvas UI.
Dygraphs
Interactive time-series chart library built for hundreds of thousands of points with range selectors, synchronisation and error bands.