The Vibeary — tag

rendering

10 resources in The Vibeary tagged "rendering" — 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 CSS Triggers

CSS Triggers

Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.

GoogleChromeLabsfree
Preview of Revideo

Revideo

TypeScript framework for describing video scenes in code with shapes, text, media and animation, rendering deterministically to video files.

MidrenderMIT
Preview of resvg-js

resvg-js

Node and WebAssembly bindings for the Rust resvg renderer, rasterising SVG to PNG with custom font loading and cropping.

yisibl (@yisibl)open-source
Preview of picogl.js

picogl.js

Thin WebGL 2 wrapper managing GPU state objects such as programs, vertex arrays and framebuffers without imposing a scene graph.

Tarek Sherif (@tsherif)MIT
Preview of glslViewer

glslViewer

Console-based GLSL sandbox and live renderer for macOS, Linux and Raspberry Pi with hot reload and headless image export.

Patricio Gonzalez Vivo (@patriciogv)open-source
Preview of regl

regl

Functional stateless WebGL abstraction where draw commands are declared as data and the library manages all GL state.

Mikola Lysenko (@mikolalysenko)MIT
Preview of MuTracer

MuTracer

Physically based path tracer for the browser on WebGPU with a WebGL 2 fallback, OpenPBR materials, BVH acceleration, OIDN denoising and incremental Three.js scene sync.

@pissangMIT
Preview of Learn OpenGL

Learn OpenGL

Comprehensive modern OpenGL tutorial covering lighting, model loading, shadows, PBR and deferred shading with full source.

Joey de Vries (@JoeyDeVriez)CC-BY-NC
Preview of 3D Game Shaders For Beginners

3D Game Shaders For Beginners

Step-by-step repo covering normal mapping, SSAO, bloom, outlining, fog and depth of field with runnable code.

David Lettier (@lettier)open-source
Preview of Sigma.js

Sigma.js

WebGL graph rendering engine for large networks with pluggable programs for node and edge shapes, paired with Graphology.

Guillaume Plique (@Yomguithereal) / OuestWareMIT