// Projects
Practice what you learn. Run projects in the browser or download the source code to study and build on.
Difficulty
Popular
Heart Animation
Overview: Heart Animation This project is a visually striking web-based animation that renders a "beating" heart made of hundreds of glowing particles. Its main…
View project
LogIn Form Animation
This project creates an interactive web page featuring a login form that appears and disappears with a lamp animation. The primary purpose is to demonstrate dyn…
View project
Rotating Galaxy Animation
This project creates an interactive 3D rotating galaxy animation using Three.js and custom GLSL shaders. It renders a vast number of star particles that form a…
View project
Interactive Three.js Animation
This web project displays an animated illustration of "Buffy" (likely Buffy the Vampire Slayer), featuring a character whose hand repeatedly clenches and unclen…
View project
Cosmic Particle Animation
This web project, "Cosmic Anomaly Visualizer," creates an interactive 3D animation of various cosmic phenomena using thousands of glowing particles. Viewers can…
View project
FIFA Loading Animation
This project creates a dynamic "FIFA" loading animation for a web page. It features the word "FIFA" where the letter "I" is replaced by a bouncing and rotating…
View project
3D Folder Animation
This web project creates a visually engaging, interactive 3D folder animation using only HTML and CSS. When a user clicks on the folder, it smoothly transitions…
View project
Liquid Glass NavBar
Overview: Liquid Glass NavBar This project creates an interactive navigation bar with a distinct "liquid glass" aesthetic, reminiscent of Apple's UI. Its primar…
View project
3D Heart Animation
Overview: Heart Animation Project This web project creates a dynamic and interactive 3D heart animation using a cloud of particles. It leverages the Three.js li…
View project
order button Animation
This project creates an engaging, animated "Order" button for a web interface. When a user clicks the button, it triggers a multi-stage animation: an initial "O…
View project
Match Stick Animation
This project creates an interactive web animation of a match stick that users can "ignite" and "extinguish." The main purpose is to provide a realistic, tactile…
View project
Loading Animation
Overview: Liquid Loader Animation This project creates a dynamic "Liquid Loader" animation, a common visual element used to indicate that content is loading on…
View project