A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".

A collection of animated 3D graphic websites created using WebGL and Three.js.

A modern portfolio website featuring an animated 3D character, smooth scroll effects, and immersive WebGL experiences. Built with React, TypeScript, Three.js, and GSAP to showcase projects, skills, and professional journey with stunning visuals and performance optimization.

This is a 3d website. The website is my portfolio website.

A cinematic, scroll-driven 3D Valentine’s Day website built as a digital love letter. This project combines modern WebGL-style 3D elements, smooth parallax animations, and immersive storytelling to create a romantic interactive experience.

Immersive 3D interactive website with scroll-driven animations featuring wasp model, depth parallax effects, camera movements, smooth transitions, and cutting-edge WebGL/Three.js integration combined with GSAP for award-winning user experience.

Welcome to the future of tech exploration! 🍏✨ This project is a vibrant 3D website for Apple Vision Pro, powered by Three.js, GSAP, and WebGL. 🌟 Immerse yourself in a world of innovation with mind-blowing animations, smooth interactions, and a virtual playground for tech enthusiasts.

This project aims to help the customer in facilitating the process of buying clothes through the internet by viewing a 3D model of the product depending on Three.js a 3D library that tries to make it easy to get 3D content on a webpage which depends on the WebGL (Web Graphics Library). Also, the website comes with an algorithm that calculates the accurate size for the customer based on some data that the customer enters then the system will suggest some suitable clothes for him.

Using WebGL and Three.js (3D-Website)

WebGL rendering of 3D planes -- great as the basis for 2D games or 3D-ish websites.

WebGL website that takes in threejs amazing 3d power to make product interaction more fun.

Combo of esbuild, GLSLX, three.js... to develop/build quickly + easily WebGL canvas bundles. Minimized bundles can be used as 3D animated backgrounds on a website - Demo:

A modern portfolio website showcasing my work as a front-end developer and 3D enthusiast. Built with Next.js, Three.js, and GSAP, featuring WebGL experiences and optimal performance.

This is Website for showcase 3D models

Interactive 3D Portfolio Website built with Svelte, Three.js, and WebGL

3D web development mastery for Claude Code. Three.js, R3F, WebGL shaders, scroll-driven 3D, particles -- patterns from 96 award-winning 3D websites.

🎵 This is a website that creates a 3D visualization of audio files, using the AnalyserNode from the JavaScript Audio API, and p5.js & WEBGL to render the graphics. It was built as a class project for "Computación Visual". It enables users to choose between different displays, set their own parameters and upload their own audio files.

Three.js is a revolutionary open-source cross-platform JavaScript API and library that is used to create and display 3D computer graphics in a desktop web browser using WebGL, working at a high level to create GPU-accelerated animations without the need for plugins or external applications. The library comes packed with features not commonly associated with the web, including on-the-fly lighting effects, multiple camera angles, object geometry & material manipulation, and even VR/AR support through WebXR. In this session, we’ll cover the basics of the library and demonstrate how to code websites with 3D backgrounds, as well as show you how to bring 3D models onto the page for a whole new end-user experience you might not have thought possible before. Three.js is a revolutionary open-source cross-platform JavaScript API and library that is used to create and display 3D computer graphics in a desktop web browser using WebGL, working at a high level to create GPU-accelerated animations without the need for plugins or external applications. The library comes packed with features not commonly associated with the web, including on-the-fly lighting effects, multiple camera angles, object geometry & material manipulation, and even VR/AR support through WebXR. In this session, we’ll cover the basics of the library and demonstrate how to code websites with 3D backgrounds, as well as show you how to bring 3D models onto the page for a whole new end-user experience you might not have thought possible before. Prerequisites: ✅ Visual Studio Code (https://code.visualstudio.com/download) ✅ Basic knowledge of JavaScript and web programming ----------------------------------------- To learn more about The Assembly’s workshops, visit our website, social media or email us at workshops@theassembly.ae Our website: http://theassembly.ae Instagram: http://instagram.com/makesmartthings Facebook: http://fb.com/makesmartthings Twitter: http://twitter.com/makesmartthings #3DAnimation #Three.js

A mini-project involving 3D models & animations. I am using the webGL Framework to animate and display 3D objects on a website.

3d website with three.js library of webgl

Interactive 3D website built with Tailwind CSS and Three.js — smooth animations, responsive UI, and WebGL effects.

Building a 3D animation in React, using WebGL (powered by Three.js) and GSAP. Imported 3D models and displayed them on the website using WebGL. Used React and GSAP to make a 3D animation of the model. Optimized 3D animations in React for mobile devices.

This is a simple website that show four vulcans 3D plot created using Qgis2threejs library. 3D visualization powered by WebGL technology and three.js JavaScript library

✨ 3D Portfolio Website (Canvas + WebGL) 🚀 An interactive 3D web experience built using HTML, CSS, JavaScript, and Canvas/WebGL. This project demonstrates: 🎨 Smooth animations & modern UI 🌀 Real-time 3D rendering with Canvas ⚡ Optimized performance for web 📱 Responsive design for all screen sizes

🎨 A 3D interactive portfolio website built with React and Three.js. Showcases projects, skills, and animations in an immersive WebGL experience.

A 3D personal website built like it's 1999 (but running on modern TypeScript & WebGL). Includes a custom terminal emulator (KASH), virtual file system, and interactive CRT monitor.

Immersive 3D web experience built with Next.js and React Three Fiber. Features animated 3D models, smooth transitions, dynamic color changes, and WebGL interactions inspired by modern creative studio websites like dogstudio.co. Designed for performance, visuals, and experimentation.

This project is a simple website for interactive product visualization in an online store (LaRedoute). It is built using HTML, CSS, JavaScript, and WebGL (Three.js), with a 3D model provided in Blender format.

Personal portfolio website for Sayanth V, a Full Stack Developer. Built with React, TypeScript, GSAP, Three.js, and WebGL for interactive 3D animations, smooth scrolling, and responsive design. Showcases skills in frontend/backend development, microservices, and CMS platforms. Open-source under MIT License. 🚀

No description available