A collection of interactive front-end experiments built during my journey learning HTML, CSS, and JavaScript. Each file explores a different concept - animations, DOM manipulation, event handling, SVG, and more.
| Project | Description | Tags |
|---|---|---|
| Animated Landing Page | Split-screen animation with image reveal using CSS keyframes | CSS, Animation |
| Bouncing Ball | JS-driven ball animation with directional bounce and color shifts | JS, Animation |
| Fly-in Animation | Scroll-triggered fly-in cards using IntersectionObserver | JS, Animation |
| Split Header | Interactive split-screen header with mouse-follow divider | JS, CSS |
| Hover Menu | Minimal dark-mode navigation menu with hover effects | CSS |
| Image Gallery | Interactive gallery with click-to-expand and keyboard shortcuts | JS, CSS |
| Koltey - Phantom Troupe | Rotating side-menu page about Chrollo Lucifer (HxH) | JS, CSS |
| Thorfinn Landing | Vinland Saga inspired split-landing with hover-reveal | JS, CSS, Animation |
| Loading Screen | Blur-to-clear image loading animation with percentage counter | JS, CSS, Animation |
| Step Navigation | Multi-step progress bar with Previous/Next controls | JS, CSS |
| Animated Search | Expandable search bar with smooth width transition | JS, CSS |
| Shape Morph | Geometric shapes that morph between square and circle | JS, CSS, Animation |
| Image Slider | Horizontal image carousel with smooth slide transitions | JS, CSS |
| Split-in-Half Reveal | Image split animation with top/bottom halves sliding apart | CSS, Animation |
| SVG Text Path | SVG experiment with curved text path | HTML, CSS |
Open index.html for a visual gallery of all projects.
Arun Neupane - arundada9000
- Portfolio: arunneupane.netlify.app
- YouTube: @arundada9000
MIT - free to use, modify, and share. See LICENSE.