Projects sharing features with Folio 2019

Pannellum is a WebGL panorama viewer and virtual tour framework used to render equirectangular or cubemap images as immersive 360-degree environments. It functions as a multiresolution image renderer and a panoramic video player, supporting both static images and spherical video playback. The project distinguishes itself by its ability to handle extremely large, high-resolution panoramas through multiresolution tile generation and loading. It enables the creation of interactive virtual tours by linking multiple panoramic scenes together using transition fades and interactive hotspots. The sy

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element. The project enables web-based augmented reality, allowing 3D assets to be projected into physical environments using a mobile device camera. It provides tools for augmented reality projection and experience creation by combining 3D models with camera tracking. The component supports 3D product visualization and the integration of inte

Nannou is a creative coding framework for Rust designed for building interactive visual and audio sketches. It provides a loop-based API with hardware-accelerated 2D and 3D rendering, serving as a toolkit for generative art production and multimedia installation design. The framework is distinguished by its comprehensive hardware communication interface, which bridges software with physical devices via MIDI, OSC, DMX, serial, and laser DAC protocols. It also includes specialized projection mapping tools for warping visual output to fit non-standard physical surfaces and a dedicated GPU shader

Vanta is a browser-based engine and library for rendering real-time, interactive 3D animations and stylized visual effects. It initializes and manages WebGL graphics within the HTML5 Canvas element to create animated digital art and dynamic backgrounds for web pages. The engine focuses on interactivity, mapping mouse and touch inputs to real-time visual changes. It provides configuration tools to adjust visual parameters, such as colors and animation properties, to align with specific branding and aesthetic requirements. The system handles the full animation lifecycle, including GPU renderin

A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences directly in the web browser. It utilizes an entity component system where generic objects are assigned behaviors through attachable components and lifecycle hooks. The framework allows the assembly of immersive environments using HTML-like markup to define geometries, lighting, and materials. It implements WebXR standards to ensure consistent playback across different hardware and browsers, including support for VR headsets, desktops, and mobile devices. The system covers a br

Portfolio is a frontend developer portfolio template designed for software engineers to present professional experience, featured software projects, and interactive web applications. It constructs user interfaces using modular components and utility-based styling, rendering visual elements through declarative composition and client-side state management. The project incorporates hardware-accelerated WebGL rendering for interactive three-dimensional graphics and card hover effects, alongside a scroll-driven animation engine that triggers motion effects and visual transitions tied to the viewpo

p5.js is a JavaScript creative coding library and generative art framework. It serves as a web-based graphics engine and a high-level HTML5 Canvas wrapper designed to produce algorithmic imagery and responsive audio-visual experiences. The project provides a simplified sketching API for rendering 2D and 3D graphics directly in a web browser. It enables the creation of interactive animations, generative art, and digital experiences that respond to user input. The library covers a range of applications including interactive data visualization, browser-based multimedia art, and educational prog

This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user interface component library, and a visual experiment lab. It serves as an interactive animation showcase for holographic effects, audio-visual synthesis, and dynamic state transitions. The repository features specialized implementations of interactive media, including physics-based particle systems, real-time audio-visual synthesis, and an interactive sketching system. It also includes tools for content generation, such as text-based image reconstruction and a web-based prese

cursor-effects is a JavaScript library and effect engine designed to implement physics-based cursor trails and floating visual effects in web browsers. It provides a framework for adding interactive graphical overlays that follow the user pointer. The system specializes in spawning particle trails, physics-based floating emojis, and pointer-tracking text strings. These animations utilize spring-based physics simulations to create organic reactions and dispersal patterns as the cursor moves. The library manages the entire lifecycle of visual elements, from coordinate-based pointer tracking an

This project is a browser animation library and DOM animation engine that serves as a JavaScript polyfill for the Web Animations API. It provides a programmatic interface for driving visual property changes and transitions of document elements within web browsers. The library enables programmatic UI animation and dynamic document styling using keyframes and precise timing configurations. It supports a unified interface for both standard web elements and vector graphics animation.

This project is an educational platform and technical reference for learning real-time graphics programming through the development of custom shaders. It provides a comprehensive guide to the programmable graphics pipeline, offering a collection of tutorials and interactive examples that demonstrate how to manipulate coordinate spaces, manage buffer data, and implement complex rendering techniques in 3D environments. The repository distinguishes itself as a versatile toolkit for both photorealistic and non-photorealistic rendering. It includes modular implementations for stylized aesthetics s

Tensorspace is a WebGL-based 3D visualization framework and renderer designed to map deep learning model architectures and tensor data into interactive three-dimensional spaces. It serves as a neural network architecture visualizer and model inspector, allowing users to render model topologies and analyze data flow within a web browser. The project distinguishes itself through its ability to convert pre-trained Keras and TensorFlow models into spatial representations. It integrates with TensorFlow.js to execute inference in the browser, enabling the real-time visualization of intermediate act

Viser is a Python 3D visualization framework and remote scene server that renders 3D primitives, point clouds, and meshes in a web browser. It functions as a server-client system that synchronizes scene state and camera poses to a web client via WebSockets. The framework provides specialized capabilities for robotics and computer vision, including a URDF robot visualizer for loading robot models and joint states, as well as a GPU-accelerated Gaussian splatting viewer for high-fidelity volumetric rendering. It also supports the visualization of human body models and skinned meshes for pose ana

Rerun is a multimodal data visualizer and robotics data logger designed for rendering synchronized streams of 3D spatial data, images, and time-series metrics. It functions as a tool for capturing high-frequency sensor data and AI outputs into a queryable columnar format, providing a dedicated interface for viewing MCAP recording files and analyzing physical environments. The project distinguishes itself as a machine learning dataset streamer, capable of feeding logged recordings directly into GPU buffers and PyTorch training pipelines without intermediate exports. It supports a high-performa

model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional assets and animations directly in a browser. It functions as a specialized GLTF web renderer designed to display GLTF and GLB files with settings optimized for performance and quality. The project includes a WebXR augmented reality player that projects 3D models into real-world environments using mobile device cameras and spatial tracking. It also features a visual regression testing tool capable of generating golden images and comparing renders to detect visual regressions in 3

gxui is an experimental Go GUI framework and cross-platform UI library used to create graphical user interfaces that run on multiple operating systems using a single codebase. The framework utilizes a WebGL web UI renderer that compiles Go application code into JavaScript to display interfaces within a web browser. It employs a cross-platform abstract interface to map UI primitives to different operating system rendering backends. The project covers the development of single-codebase application logic and the rendering of interfaces through hardware-accelerated graphics APIs.

webgl-fundamentals is a comprehensive educational resource and graphics tutorial for learning hardware-accelerated 2D and 3D rendering using the WebGL API. It serves as a structured 3D graphics curriculum and GPU programming reference, guiding users through the graphics pipeline from basic geometry to advanced rendering techniques. The project provides detailed guides on GLSL shader development, including the creation of vertex and fragment shaders. It specifically focuses on the implementation of real-time lighting models—such as directional, point, and spot lighting—and the application of s

LWJGL is a cross-platform library that provides Java bindings to native APIs for graphics, audio, compute, windowing, and input. It enables Java applications to access low-level hardware-accelerated capabilities such as OpenGL and Vulkan rendering, OpenAL 3D audio, OpenCL GPU compute, and GLFW windowing and input handling. Under the hood, LWJGL dynamically resolves native function pointers at runtime, loads platform-specific shared libraries, and uses generated JNI bindings to bridge Java and native code. It offers explicit memory management through direct buffer access and stack-allocated me

This project is a frontend visualization library and gallery of interactive web examples. It provides a collection of implementations that demonstrate advanced visual effects through the use of stylesheets, canvas drawing surfaces, and three-dimensional graphics libraries. The collection specifically features implementations for visualizing artificial intelligence outputs and complex data patterns. It includes specialized galleries for three-dimensional scenes and spatial objects, as well as a showreel of stylistic motion effects and interface designs. The library covers a broad range of ren

f3d is a fast 3D model viewer and rendering engine designed for visualizing 3D meshes, CAD files, and point clouds. It operates across multiple deployment profiles, functioning as a lightweight desktop application, a scientific data visualizer for volumetric and scalar datasets, a headless rendering engine for automated image generation, and a WebAssembly-based renderer for web applications. The project distinguishes itself through specialized support for Gaussian Splatting scene reconstructions and the ability to visualize complex scientific formats such as VTK, NetCDF, and HDF. It features

ubuntu-rockchip is a Rockchip Ubuntu distribution and GPU-accelerated Linux image designed for RK35XX series single-board computers. It provides a 64-bit ARM64 Linux environment that deploys a standard Ubuntu desktop on top of specialized board-support packages. The system features hardware drivers for 3D graphics acceleration and 4K video rendering and streaming. These optimizations allow for high-resolution media playback and increased rendering speeds for 3D applications on Rockchip hardware. The distribution includes tools for single-board computer administration, such as a guided first-

PyTorch3D is a 3D geometric deep learning library and mesh processing toolkit designed for learning from point clouds and complex 3D surface geometries. It provides a collection of reusable components and data structures for deep learning with 3D data, including a framework for training and evaluating neural radiance fields to enable photorealistic view synthesis. The project features a differentiable 3D renderer that converts meshes and point clouds into 2D images while allowing gradients to flow back into the geometry and textures. This enables 3D shape optimization, where mesh geometry, te

Sokol is a C hardware abstraction layer and cross-platform graphics library designed for managing windowing, input, and audio across different operating systems. It functions as a GPU resource manager and multimedia application framework, providing a unified API for rendering 2D and 3D graphics across WebGL, Metal, Direct3D, and OpenGL. The project is distinguished by its single-header implementation, which simplifies integration and portability. It utilizes a stateless render pass definition and a one-update-per-frame model to synchronize CPU data to GPU memory and manage resource lifecycles

noclip.website is a web-based interactive repository and viewer for archived 3D game geometry. It functions as a digital game level museum and archive, providing a browser-based interface to explore the visual and structural history of video game levels. The platform enables users to interact with extracted game scenes through a free-roaming camera and a temporal timeline. These tools allow for scrubbing through game events, freezing specific scene states, and analyzing the layout and design of archived environments. The system manages 3D scene visualization through WebGL rendering and stati

Blockbench is a specialized low-poly 3D modeler and texture painter designed for creating models and pixel art textures. It functions as an extensible 3D editor that allows for the production of assets intended for game engines and rendering software. The editor is distinguished by its plugin-based architecture, which enables the development of custom scripts to automate design workflows and add specialized tools. It further integrates a texture painting system that applies pixel art directly onto 3D meshes to achieve a stylized aesthetic. The software covers high-quality 3D rendering for pr

This project is a cross-platform graphics wrapper and translation layer that implements the OpenGL ES and EGL specifications. It functions as a graphics API bridge, mapping OpenGL ES calls and WebGL content to platform-specific hardware APIs such as Vulkan and Metal to ensure consistent rendering across different operating systems. The system features a shader translation service that validates shading language code and transpiles it into multiple target languages, including HLSL, SPIR-V, and Metal SL. It employs a pluggable backend architecture to select the appropriate hardware rendering AP

webgl-globe is a WebGL globe visualization library and geospatial renderer used to display latitude and longitude spatial data on an interactive 3D globe. It functions as a 3D data visualization tool that maps coordinate-based datasets into a three-dimensional environment. The library provides capabilities for interactive geographic visualization and spatial data animation, allowing for the rendering of geographic coordinates and the creation of automated motion sequences to illustrate trends or movements over time. It utilizes hardware acceleration to implement a web-based map interface, em