# Getting Started
## Quick start
To experient with Zooming right away, try the following code on [codepen](https://codepen.io/kingdido999/pen/rpYrKV) or save it to local and open with a browser:
```html
```
## Installation
```
yarn add zooming
```
Or:
```
npm install zooming --save
```
## Usage
The first thing is to import the library:
### Option 1: Script tag
```html
```
### Option 2: Module loader
```javascript
import Zooming from 'zooming'
```
Next, initialize Zooming instance after DOM content is fully loaded:
```js
document.addEventListener('DOMContentLoaded', function () {
const zooming = new Zooming({
// options...
})
zooming.listen('.img-zoomable')
})
```
Now the target images are zoomable!
!> Starting from Zooming **2.0**, we no longer listen to images with data attribute `data-action="zoom"` by default. Please make sure to call `.listen()` on target images after Zooming instance is created.
## What's Next?
Check out [Guide](/guide) and [Configuration](/configuration).