Virtual 3D graphics lab. Learn Three.js, WebGL, WebGPU, create 3D charts, visualizations and interactive scenes.
Introduction to GSAP — a professional library for creating smooth, high-performance animations in the browser. Explore its capabilities and discover 5 impressive projects from the official gallery: Michael Gatt, Graffico Office, Harsh' Portfolio, HOLM, and bleibtgleich'26.
A curated collection of the most impressive Three.js websites: from logistics platforms to creative portfolios. United Carriers, Ricardo Chance, Framemode and 16 more projects with full tech breakdown.
Breaking down the 7 judging criteria of the Web Design Awards, sharing favorite top 5 Three.js projects, and key takeaways for web developers.
Deep dive into SDF technology for rendering crisp, scalable text in 3D scenes. Live Playground example, shader insights, and practical tips for integrating SDF text into your projects.
Introduction to Babylon.js — an open-source 3D engine. Explore its capabilities, view a live 3D Lamborghini Countach model.
Deep dive into the official three.js Ferrari 458 Italia example. Learn how MeshPhysicalMaterial, HDR environments, DRACO compression, and real-time color control work in WebGL.
Build a realistic 3D Earth globe with dynamic day and night cycle using Three.js. Earth textures, atmosphere, rotation, and lighting — a complete guide to integrating a 3D globe into your project.
Modern web graphics is reaching new heights. Three.js is a library for creating 3D scenes in the browser, built on top of WebGL (a low-level rendering API). WebGPU is the next generation, delivering higher performance and access to compute shaders. In our lab we explore all these technologies, create 3D charts, interactive visualizations and virtual tours. We share practical experience in integrating 3D into real-world projects, optimization and cross-platform solutions.