PHPackages                             weareframework/pinpoint-image - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. weareframework/pinpoint-image

ActiveLibrary[Image & Media](/categories/media)

weareframework/pinpoint-image
=============================

0.0.17(1y ago)51.5k3[1 issues](https://github.com/FrameworkDesign/pinpoint-image/issues)VuePHP ^7.4|^8.0

Since Jun 15Pushed 1y agoCompare

[ Source](https://github.com/FrameworkDesign/pinpoint-image)[ Packagist](https://packagist.org/packages/weareframework/pinpoint-image)[ RSS](/packages/weareframework-pinpoint-image/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (19)Used By (0)

Pinpoint Image
==============

[](#pinpoint-image)

Pinpoint image is a statamic addon that allows users to quickly and easily content manage points on images.

> Pinpoint image is a Statamic addon that does something pretty neat. Oh yes, thats right, we need to explain that bit. Right then, It allows you to create your own pinpoint image fieldtype!
>
> hmmmm, that still does not explain it, does it?
>
> Perhaps an image, people like pictures, here is how the fieldtype looks in your cp admin:

[![Alt text](assets/pinpoint-img-cp.png "Optional title")](assets/pinpoint-img-cp.png)

Features
--------

[](#features)

This addon does:

- Allows you to add your own pinpoint image fieldtype (which was wonderfully described above)
- Add an image to the field
- Pin each point with text on each point
- Output the field data to the frontend with a handy tag `{{ pinpoint_image :field="pinpoint_image_field" }}` (:field= is the name of the field handle when you create the field in blueprint)
- Edit the outputted field on the frontend

### Fields Supports

[](#fields-supports)

Current fields are:

- Text
- Textarea
- Markdown
- Link field (asset & url)
- Bard (basic fields)

License
-------

[](#license)

Pinpoint image requires a license to be used while on a production site. You can purchase one at .

You may use Pinpoint image without a license while developing locally.

How to Install
--------------

[](#how-to-install)

You can search for this addon in the `Tools > Addons` section of the Statamic control panel and click **install**, or run the following command from your project root:

```
composer require weareframework/pinpoint-image
```

Things to note
--------------

[](#things-to-note)

The field utilises the asset field type to grab an image so ensure you've picked a container for the field e.g. assets

How to Use
----------

[](#how-to-use)

Install it, use it, let your site have fun with it

This can be used within Antlers using the product\_color\_swatch tag:

```
{{ pinpoint_image :field="pinpoint_image_field" }}
```

`:field=` is the name of the field handle when you create the field in blueprint

by default it outputs this: [![Alt text](assets/pinpoint-img-front.png "Optional title")](assets/pinpoint-img-front.png)

You can hover on each point to get your text you typed in the cp admin.

Templating
----------

[](#templating)

Pass field to the `pinpoint_image` tag.

```
{{ pinpoint_image :field="pinpoint_image_field" }}
```

This will render a default pinpoint\_image tag with the default output as shown above. Nice

Customizing the generated html
------------------------------

[](#customizing-the-generated-html)

If you want to customize the generated html, you can publish the views using

```
php artisan vendor:publish
```

and choosing `Weareframework\PinpointImage\ServiceProvider`

This will create the file template to overwrite at the following path: `statamic-install-site-name/resources/views/vendor/pinpoint-image/tags/index.blade.php`

Hopefully it makes sense for you to edit it!

### Changelog

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

Security
--------

[](#security)

If you discover any security related issues, please use the issue tracker.

###  Health Score

33

—

LowBetter than 72% of packages

Maintenance37

Infrequent updates — may be unmaintained

Popularity23

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 97.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~61 days

Recently: every ~12 days

Total

17

Last Release

491d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/18555995?v=4)[weareframework](/maintainers/weareframework)[@weareframework](https://github.com/weareframework)

---

Top Contributors

[![paulweareframework](https://avatars.githubusercontent.com/u/46562148?v=4)](https://github.com/paulweareframework "paulweareframework (39 commits)")[![duncanmcclean](https://avatars.githubusercontent.com/u/19637309?v=4)](https://github.com/duncanmcclean "duncanmcclean (1 commits)")

### Embed Badge

![Health badge](/badges/weareframework-pinpoint-image/health.svg)

```
[![Health](https://phpackages.com/badges/weareframework-pinpoint-image/health.svg)](https://phpackages.com/packages/weareframework-pinpoint-image)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

16653.6k2](/packages/gravatarphp-gravatar)[rsoury/wp-imgix

Rewrites WordPress image URLs to use ImgIX

167.2k](/packages/rsoury-wp-imgix)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)