Skip to content

Latest commit

 

History

History
51 lines (30 loc) · 1.41 KB

readme.md

File metadata and controls

51 lines (30 loc) · 1.41 KB

Stylish Image Gallery

A responsive and interactive image gallery built with HTML, CSS, and JavaScript. This gallery features smooth transitions, animations, and a user-friendly interface.

Banner

Features

  • 🖼️ Responsive design that works on desktop and mobile devices
  • 🔄 Smooth transitions between images
  • 👆 Touch-friendly navigation for mobile user
  • 🎨 Customizable animations for image transitions

Demo

Click here to see live demo 🤟

Installation

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

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

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

Usage

  • Click on the arrow buttons or swipe to navigate between images
  • Press the left and right arrow keys on your keyboard for navigation

Customization

You can easily customize the gallery by:

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

Contributing

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

License

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

Screenshot

Gallery Screenshot