A comprehensive repository showcasing frontend experiments, UI concepts, and interactive web applications. Each project demonstrates different aspects of modern web development, from accessibility best practices to advanced animations and interactive experiences.
Complete website projects ranging from interactive games to practical utilities.
- Pokedex - Interactive Pokemon encyclopedia
- Pastel - Bootstrap-based portfolio template
- Firey Passages - Animated text effects showcase
- File Redownloader - Batch file download utility
- QR Code Generator - Dynamic QR code creation tool
- Rename Files - Batch file renaming tool
- Face Bomp - Whack-a-mole style reaction game
- War - Classic card game implementation
Creative UI concepts and experimental interface designs.
- Skynet Eats - Food delivery app UI concept
- Drone Series - Drone product showcase interface
- Scenic Forests - Nature photography gallery interface
- Momentum - Minimalist productivity dashboard
- Video Background Website - Immersive video-based landing page
Interactive visual effects and animations that demonstrate creative uses of CSS, JavaScript, and WebGL.
- Ghost Eyes - Spooky eye-tracking effect
- Grid Spotlight Effect - Interactive grid spotlight animation
- Anime.js Sphere - 3D animated sphere using Anime.js
- Anthony V1 Website Effects - Custom cursor and mouse-follow effects
- Blue Techno Fluid - WebGL fluid simulation
- Diamond Photo Gallery - Diamond-shaped image gallery layout
- Fluid Flame Effect - Interactive flame simulation
- Button Gallery - Collection of creative button hover effects
- Ink Fluid - GPU-accelerated ink dispersion effect
- Loading Animation 2 - Creative loading spinner animation
- Moving Squares Animation - Animated square pattern effects
- Particles - Interactive particle system visualization
- Split Screen Slider - Dual-panel slider interface
- Spotlight Effect - Mouse-tracking spotlight effect
- Touch Slider - Touch-enabled image slider
- Video.js - Custom video player implementation
- 3D Cube Loader - Animated 3D cube loading animation
- 3D Image Transition - 3D perspective image transitions
- Animated Input Border - Dynamic input field border animations
- Escalade Loader - Escalating animation loader
- Fire Cursor - Cursor trail with fire particle effect
- Gemini Loader - Google Gemini-inspired loading animation
- Hover Shine Effect - Metallic shine on hover interaction
- Jump And Slide - Playful jump and slide animation
- Magic Card - Interactive card with magical hover effects
- MagicalHoverEffect - Enchanting hover interaction with particles
- Navigation Bar - Animated navigation bar with hover effects
- Redirecting Loader - Page redirect loading animation
- Shine Animation - Animated shine sweep effect
- Shine Effect - Glossy shine overlay effect
Browser extensions that enhance functionality and user experience.
- Gallery Bookmark Viewer - Visual bookmark management extension with customizable viewing options
To explore these projects locally:
- Clone the repository:
git clone https://github.com/AbdulDevHub/Web-Mountain.git- Navigate to the project directory:
cd Web-Mountain-
Open
index.htmlin your browser to view the project showcase -
Navigate to individual project folders to explore specific implementations
- Core: HTML5, CSS3, JavaScript (ES6+)
- Animation: Anime.js, CSS animations, Canvas API
- Graphics: WebGL, GPU.js, SVG
- Libraries: jQuery, Bootstrap, dat.GUI
- Tools: Materialize, Video.js
- Techniques: CSS Grid, Flexbox, Responsive Design
This repository serves as a living archive of frontend learning experiments, showcasing progression in web development skills across multiple domains including:
- ✨ Visual effects and animations
- 🎮 Interactive applications and games
- 🎨 UI/UX design implementations
- 🔧 Practical web utilities
- 🧩 Chrome extension development
Each project demonstrates different aspects of modern web development, from foundational concepts to advanced techniques.
Feel free to explore each project folder for implementation details. Happy Coding! 🚀