Pencil.jsNice modular interactive 2D drawing library

Draw, animate and interact with shapes on a canvas using a clean object-oriented API.

Object-oriented

Scenes, containers and shapes form a tree. Every element is an instance you can move, rotate, scale, style and listen to.

One module per class. Import only what you need ("pencil.js/circle") and let your bundler tree-shake the rest.

Written in TypeScript, every option, method and event is typed and documented.

Thousands of shapes at 60fps, particles generator, about 24 kB gzipped for everything and much less with tree-shaking.