Repository Index

Create graphics with a hand-drawn, sketchy, appearance

• draw
• canvas
• graphics
• svg

Efficient Augmented Reality for the Web - 60fps on mobile!

• a-frame
• three-js
• webar

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

• awesome
• creative-coding
• interaction-design
• information-visualization

:flags: A curated collection of all country flags in SVG — plus the CSS for easier integration

• css
• country-flags
• icon-css
• svg

Main Web Site (Online Books)

• book
• raytracing
• ray-tracing
• markdeep

glTF – Runtime 3D Asset Delivery

🍰 Progressive <svg> pie, donut, bar and line charts

• jquery
• chart
• jquery-plugin

The Official Khronos WebGL Repository

A free collection of maps for every country in the world, available in 11 sizes or in SVG.

• icons
• countries

Discover Unicons, a free collection of beautifully crafted 7000+ SVG icons, 3D icons, animated icons and icon fonts. Perfect for websites, apps, and creative projects. Start designing with Unicons today on IconScout!

• icons
• fonticons
• webfont
• webfonts

50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.

• ai-agents
• claude-code
• motion-graphics
• remotion

An icon font for use with Google Maps API and Google Places API using SVG markers and icon labels

Real-time WebGPU ocean renderer written from scratch, no engine. FFT waves, whitecaps, sun glitter, physically based sunset sky with clouds, free camera. Built with Claude Code (Opus 5.5). Opens from a single 61 KB HTML file in Chrome.

Rendering algorithms implemented in raw WebGL 2.

• webgl
• webgl2
• 3d
• webgl-references

Beat-driven sci-fi light-ring visualization. Pure Canvas, single HTML, zero dependencies. Noncommercial use only. RYDER CODE / Ms MAIKEBAIs CAT ｜ 节拍驱动的科幻光环数据可视化，纯原生 Canvas 单文件 HTML、零依赖，支持 Wallpaper Engine 动态壁纸。仅限非商业使用，严禁商用。

• canvas
• generative-art
• html5
• sci-fi

WebGL Shader demos - GPU rendering shader experiments with procedural 3D scene generation using ray marching and distance field (also known as 'sphere tracing') rendering techniques.

Collection of tools and scripts useful to automate microscopy workflows in ZEN Blue using Python and Open Application Development tools and AI tools.

• python
• microscopy
• scripting
• automation

A drone flight over the Na Pali coast, rendered entirely in code. No textures, images or models.

• claude-code
• generative-art
• glsl
• procedural-generation

A cinematic, scroll-driven 3D car landing page — a 75-frame JPG sequence rendered on HTML canvas and controlled by scroll position, built with plain HTML, CSS, and JavaScript.

• 3d
• cars
• css
• html

EasyAGAL is an open source ActionScript library that simplifies coding assembly language shaders. Advantages include: Code completion and hinting, easier-to-read code, macro libraries -- including trigonometry functions like atan2(), color blending formulas from Photoshop, and more -- ready to use in your own shaders.

A tool to easily create OpenStreetMap SVG maps to plot them with a pen plotter.

• map
• openstreetmap
• openstreetmap-data
• osm

SVG icon library for the Carbon Design System

• carbon-design-system
• icons
• svg

This library packages the well-known Java Script 3D library [Babylon.js](https://www.babylonjs.com/) into a Razor component that can be used in a C# Blazor project. .NET 10.0 required for the latest release

• blazor
• csharp
• web
• net50

A jquery plugin for comparing two images

• jquery
• jquery-plugin
• image
• compare