A lightweight, no-dependency JavaScript library for adding 'zoom on hover' functionality to website images.
Drift is a lightweight JavaScript library that adds zoom-on-hover functionality to images on websites. It allows users to view high-resolution versions of images by hovering over them, providing an interactive and detailed viewing experience without navigating away from the page. The library solves the need for engaging image interactions while maintaining performance and ease of integration.
Frontend developers and web designers looking to enhance image presentation on e-commerce sites, portfolios, galleries, or any content-rich websites requiring detailed image inspection.
Developers choose Drift for its zero-dependency design, ensuring minimal footprint and compatibility, along with extensive customization options for zoom behavior and theming. Its straightforward API and mobile-friendly features make it a reliable choice for adding professional-grade image zoom with minimal effort.
Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Built with pure JavaScript, ensuring no external libraries are needed and fast load times, as highlighted in the key features and README.
Offers many options like zoomFactor, inlinePane, and event callbacks, allowing precise control over zoom behavior, detailed in the Options section.
Includes handleTouch, touchDelay, and bounding box options for touch-enabled devices, making it suitable for responsive designs.
Provides base CSS styles that can be extended or disabled, and supports custom namespaces for different themes, as per the Theming section.
The included CSS is very basic, requiring significant custom styling to achieve a polished look, which adds development time, as noted in the Theming section.
Lacks native integration with popular frameworks, so teams using React, Vue, or similar must handle DOM manipulation and event binding manually, not covered in the README.
Disabling or adapting for mobile requires additional CSS or JavaScript work, as shown in the FAQs, making it less straightforward for responsive setups.