A modal component for Ionic apps to create photo galleries with swipe navigation and pinch-to-zoom.
Ionic Gallery Modal is a library for Ionic framework applications that provides a modal component to display photo galleries. It solves the need for an integrated, gesture-enabled gallery viewer within hybrid mobile apps, allowing users to swipe through images and zoom in on details. The component is designed to work seamlessly with Ionic's modal system and offers customization options for developers.
Ionic developers building mobile applications that require embedded photo galleries or image viewers, particularly those using Angular and needing a ready-to-use modal solution.
Developers choose Ionic Gallery Modal for its ease of integration with Ionic apps, support for essential gallery gestures like swiping and zooming, and its lightweight, focused approach to solving the gallery display problem without requiring external heavy libraries.
Ionic Gallery Modal (to show all your photos)
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Enables seamless swiping between images and pinch-to-zoom functionality, leveraging Hammer.js for a native-like experience, as demonstrated in the GIF demo.
Built to work directly with Ionic's ModalController, making it straightforward to present and dismiss galleries within Ionic apps, as shown in the usage example with modalCtrl.create().
Allows configuration of initial slides, custom close icons, and photo titles through the options object, providing flexibility for different use cases.
Focuses on a specific gallery modal need without bundling unnecessary features, keeping it simple for basic gallery implementations in Ionic 3 apps.
The README explicitly states the project is no longer maintained and recommends photoswipe.js, meaning no bug fixes, security updates, or support for newer Ionic versions.
Only tested with Ionic 3.13.0, making it incompatible with newer Ionic releases (e.g., Ionic 5 or 6), which restricts its use in modern projects.
Requires additional configuration like importing HAMMER_GESTURE_CONFIG and module dependencies, adding steps compared to simpler drop-in components.
Relies on Hammer.js for gestures, which can introduce performance overhead, compatibility issues, or bloat in apps that don't already use it.