• Responsive Image Gallery Slider Using HTML CSS & JavaScript (SwiperJs)
• Includes image thumbnails.
• With CSS effects on swipe.
• Developed first with the Mobile First methodology, then for desktop.
• Compatible with all mobile devices and with a beautiful and pleasant user interface.

• HTML5
• CSS3
• SCSS
• JavaScript (ES6+)
• Swiper bundle
• Google Fonts (poppins)

Click here to see live demo 🤟

1. Clone the repository: git clone https://github.com/Hi-Aman-Jain/image-slider.git

2. Navigate to the project directory: cd modern-image-gallery

3. Open index.html in your preferred web browser.

• Click on the arrow buttons or swipe to navigate between images
• Click on thumbnails to jump to a specific image

You can easily customize the gallery by:

• Replacing the images in the img folder with your own
• Adjusting the CSS variables in styles.css to change colors and sizes
• Modifying the animations in the JavaScript file

Contributions are welcome! Please feel free to submit a Pull Request.

This project is open source and available under the MIT License.