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

Preview of tsParticles Confetti

tsParticles Confetti

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

Matteo Bruni (@matteobruni)MIT
Preview of tsParticles

tsParticles

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

Matteo Bruni (@matteobruni)MIT
Preview of ASCII Video Converter

ASCII Video Converter

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

stereoDrift (@collidingScopes)MIT
Preview of Pts.js

Pts.js

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

William Ngan (@williamngan)Apache-2.0
Preview of Paper Shaders

Paper Shaders

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

Paper Design (@paper)MIT
Preview of Matter.js

Matter.js

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

Liam Brummitt (@liabru)MIT
Preview of fireworks-js

fireworks-js

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

(@crashmax-dev)MIT
Preview of make-real

make-real

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

tldrawopen-source
Preview of awesome-canvas

awesome-canvas

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

Raphael Amorim (@raphamorims)open-source
Preview of Canvas UI

Canvas UI

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

David Haz (@davidhdev)open-source
Preview of Lightweight Charts

Lightweight Charts

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

TradingView (@tradingview)Apache-2.0
Preview of LittleJS

LittleJS

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

Frank Force (@KilledByAPixel)MIT
Preview of Proton

Proton

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

(@drawcall)MIT
Preview of obelisk.js

obelisk.js

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

Max Huang (@nosir)MIT
Preview of canvas-confetti

canvas-confetti

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

Kiril Vatev (@catdad)open-source
Preview of heatmap.js

heatmap.js

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

Patrick Wied (@patrickwied)MIT
Preview of audioMotion-analyzer

audioMotion-analyzer

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

Henrique Vianna (@hvianna)GPL
Preview of diagram-js

diagram-js

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

bpmn.io / Camunda (@bpmn-io)MIT
Preview of d3-cloud

d3-cloud

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

Jason Davies (@jasondavies)open-source
Preview of uPlot

uPlot

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

Leon Sorokin (@leeoniya)MIT
Preview of Smoothie Charts

Smoothie Charts

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

Joe Walnes (@joewalnes)MIT
Preview of tldraw SDK

tldraw SDK

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

tldrawopen-source
Preview of ditherjs

ditherjs

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

Daniele Piccone (@danielepiccone)MIT
Preview of litecanvas

litecanvas

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

(@litecanvas)MIT
Preview of Vizzu

Vizzu

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

Vizzu (@vizzuhq)Apache-2.0
Preview of Drawnix

Drawnix

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

Plait Board (@plait-board)MIT
Preview of canvas-nest.js

canvas-nest.js

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

Hu Chen (@hustcc)MIT
Preview of particles.js (marcbruederlin)

particles.js (marcbruederlin)

Dependency-free responsive particle background plugin with configurable density, connection lines and interaction modes.

Marc Brüderlin (@marcbruederlin)MIT
Preview of d3fc

d3fc

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

Scott Logic (@ScottLogic)MIT
Preview of Ripl

Ripl

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

Andrew Courtice (@andrewcourtice)MIT
Preview of Zdog

Zdog

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

David DeSandro (@desandro)MIT
Preview of canvas-sketch

canvas-sketch

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

Matt DesLauriers (@mattdesl)MIT
Preview of Two.js

Two.js

Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.

Jono Brandel (@jonobr1)MIT
Preview of Fly By

Fly By

Browser retro biplane stunt game with balloon popping, wind, fuel, CRT scanlines and a full instrument dashboard — keyboard and touch.

Michael Teterfree
Preview of ThoughtDAG

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.

Chenxi Chan (@chenxiachan)MIT
Preview of Sketch.js

Sketch.js

Minimal creative coding boilerplate that sets up a canvas, animation loop and input handling in a few lines.

Justin Windle (@soulwire)MIT
Preview of signature_pad

signature_pad

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

Szymon Nowak (@szimek)MIT
Preview of Glide Data Grid

Glide Data Grid

Canvas-rendered React data grid handling millions of rows with native scrolling, inline editing and markdown/image cell types.

Glide (@glideapps)MIT
Preview of Flitter

Flitter

Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.

tmdeoansopen-source
Preview of Scribble Diffusion

Scribble Diffusion

Turns rough sketches into refined images using ControlNet on Replicate, with a minimal canvas UI.

Zeke Sikelianos (@zeke) / ReplicateApache-2.0
Preview of Dygraphs

Dygraphs

Interactive time-series chart library built for hundreds of thousands of points with range selectors, synchronisation and error bands.

Dan Vanderkam (@danvk)MIT