awesome-canvas
github.com/raphamorim/awesome-canvas ↗A curated list of awesome HTML5 Canvas with examples, related articles and posts.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me examples resources from awesome-canvas"
Installation instructions →What's inside
Canvas
- 30.000 particlesExamples
- 3D Lorenz AtractorExamples
- 3D Movement in HTML5 CanvasExamples
- 3D Space CraftExamples
- Canvas Colour CyclingExamples
- Canvas LoaderExamples
Resources
- 31 days of canvasWebsites and Tutorials
- Accelerated Game Programming with HTML5 and canvasWebsites and Tutorials
this tutorial describes the structure of a typical game class in JavaScript, drawing to the canvas, double buffering, map/tile representation and player movement.
- BreakoutWebsites and Tutorials
a fantastic tutorial for any canvas programming wannabes, where he runs through the steps needed to create a Breakout clone. The tutorial consists of 12 very clear and concise steps, where you can view a demo of how your project should look so far.
- Canvas Demos by David WalshWebsites and Tutorials
9 Mind-Blowing Canvas Demos with their respective source code.
- Create a game chracter with HTML5 and JavaScript - Part 1Websites and Tutorials
Part 1
- Create a game chracter with HTML5 and JavaScript - Part 2Websites and Tutorials
Part 2
Libraries
- 91 basic demosTo draw using canvas
- AkihabaraTo draw using canvas
- CanvasKitTo draw using canvas
- Chart.jsTo draw using canvas
- ChemDoodleTo draw using canvas
- d3To draw using canvas
Showing a sample of 104 resources. View the full list on GitHub →