Smelter
Smelter is a real-time video compositing toolkit for low-latency multimedia composition in live streams and pre-recorded videos. It lets developers combine live feeds, screen recordings, pre-recorded videos, audio, embedded websites, text, graphics, animations, transitions, overlays, and custom shaders into a single video composition or live stream. Smelter is designed for use cases that demand immediate responsiveness, such as live streaming, broadcasting, video conferencing, interactive webinars, meetings, and production studios. It supports multiple sources at the same time without frame drops, allows layouts to change on the fly, and can mix or enrich video content, both live and offline, before saving the result as a file. The toolkit offers a browser-based experience that runs high-performance video processing with WASM and can leverage GPU rendering through WebGL or WebGPU.
Learn more
Three.js
Three.js is a JavaScript 3D library. The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples. To actually be able to display anything with three.js, we need three things, scene, camera, and renderer, so that we can render the scene with the camera. In addition to the WebGLRenderer, Three.js comes with a few others, often used as fallbacks for users with older browsers or for those who don't have WebGL support for some reason. Create a loop that causes the renderer to draw the scene every time the screen is refreshed (on a typical screen this means 60 times per second). Anything you want to move or change while the app is running has to go through the animate loop. You can of course call other functions from there.
Learn more
Web3D
Web3D is a collection of technologies and standards used to create, display, and interact with three-dimensional graphics directly within web browsers. It enables developers to build interactive 3D environments, visualizations, animations, and simulations without requiring users to install dedicated desktop applications. Web3D technologies include WebGL, WebGPU, WebXR, X3D, and browser-based 3D rendering frameworks. These technologies support real-time rendering, lighting, textures, animation, and user interaction with three-dimensional objects. Web3D is used in applications such as virtual product demonstrations, architectural visualization, online gaming, education, engineering, and immersive digital experiences. Its integration with standard web technologies allows 3D content to be delivered across compatible desktop, mobile, and extended reality devices.
Learn more
TypeGPU
TypeGPU is a TypeScript library that enhances the WebGPU API, allowing resource management in a type-safe, declarative way. It is designed to change the way developers work with GPU rendering and computing by bringing stronger structure, validation, and developer experience to WebGPU workflows. TypeGPU helps developers easily encode and decode GPU data, using typed binary so they do not have to think about raw bytes when writing GPU programs. Complex data types such as structs and arrays can be described directly, while TypeScript automatically validates outgoing and incoming data. It works on React Native through react-native-wgpu, expanding WebGPU development beyond the browser. TypeGPU’s roadmap is focused on end-to-end type safety on the GPU through interoperating primitives such as data structures, buffers, bind groups, a linker, functions, pipelines, and imperative code.
Learn more
