A simple way to create a modal with an image in it

Usage no npm install needed!

<script type="module">
  import abtastyPopinImage from 'https://cdn.skypack.dev/@abtasty/popin-image';


Popin Image

A simple popin displaying image and content

Preview your widget

Launch your widget in a new window and watch for changes.

npm start

Main files

  • main.js Main source code of your widget
  • form.js Configuration form for your widget
  • icon.png Icon for your widget (recommended size: 200x200px)

You can specify each file location in the package.json like this:

  "main": "dist/main.js",
  "form": "dist/form.js",
  "icon": "icon.png",


Add your widget to AB Tasty

  1. First, you'll need to have your widget on NPM:
    • Create a minified bundle with npm run build
    • Bump the version of your widget (using semver) with npm version [patch|minor|major]
    • Publish it to NPM: npm publish
  2. Once your widget is on NPM, you can now add it on AB Tasty at https://marketplace.abtasty.com/publish.