// Projects
Practice what you learn. Run projects in the browser or download the source code to study and build on.
Difficulty
Magical Show/Hide Password Animation
Overview: Magical Show/Hide Password Animation This project is an interactive login form that features a "flashlight" animation to reveal a hidden password. Ins…
View project
Morphing Particle Animation
Overview: Morphing Particle Animation This project is an interactive 3D web application that visualizes a cloud of 12,000 particles. Its primary feature allows…
View project
Navigation Bar Menus Got Magical
Overview: Navigation Bar Menus Got Magical This project creates an interactive, animated navigation bar designed for modern web or mobile interfaces. Its primar…
View project
Do Not Turn Off The Bulb
Overview: The Impossible Lightbulb This project is an interactive "useless machine" built with HTML, CSS, and JavaScript. The main feature is a lightbulb with a…
View project
Interactive Spiral Animation
Overview: Interactive Spiral Animation The Interactive Spiral Animation is a high-performance visual art piece that renders a fluid, mesmerizing spiral directly…
View project
Slowed Horse Animation
Overview: Slowed Horse Animation This project is a sophisticated, pure CSS-driven animation of a galloping horse. Its primary purpose is to demonstrate how comp…
View project
Drone Style Order Button Animation
Overview: Drone Style Order Button Animation This project is a creative micro-interaction for a web-based "Order" or "Checkout" button. Instead of a standard lo…
View project
FireWorks Animation
Project Overview: Fireworks Launcher This project is an interactive web-based animation that simulates a fireworks launcher using the HTML5 Canvas API. It featu…
View project
Electric Button Animation
Overview: Electric Button Animation This project is a highly interactive, "electric" themed button designed with a cinematic flair. Its primary purpose is to tr…
View project
Mad Car Driving Game
View project
Dragon - Cursor Animation
Overview: Dragon Cursor Animation This project creates an interactive, fluid "dragon" or sea-serpent animation that follows the user's mouse or touch movements…
View project
Crazy Loading Animation
Overview: Crazy Loading Animation The Crazy Loading Animation is a visually dynamic, CSS-only loading spinner designed to provide a high-quality "stunt" effect.…
View project