A little yet powerful framework agnostic headless-library to zoom image on the web. It is a typical experience on e-commerce sites. Examples are written with Preact, React, Svelte, Vanilla JS and Vue.
- ✅ Zoom on wheel (scroll & pinch)
- ✅ Zoom on hover
- ✅ Zoom on move
- ✅ Zoom on click
git clone https://github.com/willnguyen1312/zoom-image
cd zoom-image
pnpm install
pnpm start-docs
pnpm start-preact
pnpm start-react
pnpm start-next
pnpm start-svelte
pnpm start-vanilla
pnpm start-vue
pnpm start-solid
pnpm start-qwik
- react-zoomable-media - The library I wrote for my previous company
- zagjs - The project's architecture is inspired by this library
- TanStack - The project's core pattern is heavily inspired by this project - Headless UI
- js-image-zoom - The internal working of zoom image on hover is inspired by this library
MIT © Nam Nguyen