// Projects
Practice what you learn. Run projects in the browser or download the source code to study and build on.
Difficulty
Popular
Heart Animation
Heart Animation This project is a visually striking web-based animation that renders a "beating" heart made of hundreds of glowing particles. Its main purpose i…
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
Liquid Glass NavBar This project creates an interactive navigation bar with a distinct "liquid glass" aesthetic, reminiscent of Apple's UI. Its primary purpose…
View project
3D Heart Animation
Heart Animation Project This web project creates a dynamic and interactive 3D heart animation using a cloud of particles. It leverages the Three.js library for…
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
Liquid Loader Animation This project creates a dynamic "Liquid Loader" animation, a common visual element used to indicate that content is loading on a webpage.…
View project
Login Form Animation
This project creates an animated login form with a visually engaging background. The main purpose is to provide a stylish and interactive login interface. Key f…
View project
Crystal Heart Animation
Crystal Heart Animation This project creates an interactive 3D web animation featuring a central, glowing heart model surrounded by thousands of dynamically ani…
View project
Neural Colored Simulation
Neural Colored Simulation This project, "Neural Synapse Simulation," creates an interactive 3D visualization of a neuron firing, presented with a retro-futurist…
View project
Yeti 404 Page Not Found
This project creates an engaging and animated "404 Page Not Found" error page. Its main purpose is to entertain users with a dynamic scene featuring a yeti char…
View project