PHPackages                             dean-ward/craft-pinboard - 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. [Utility & Helpers](/categories/utility)
4. /
5. dean-ward/craft-pinboard

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

dean-ward/craft-pinboard
========================

A flexible Craft CMS field which allows content editors to create and manage interactive images for location maps, product callouts, feature callouts, and more.

5.0.0(2y ago)027[5 issues](https://github.com/DeanWard/craft-pinboard/issues)proprietaryPHPPHP >=8.2

Since Jun 29Pushed 2y ago1 watchersCompare

[ Source](https://github.com/DeanWard/craft-pinboard)[ Packagist](https://packagist.org/packages/dean-ward/craft-pinboard)[ RSS](/packages/dean-ward-craft-pinboard/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (3)Versions (7)Used By (0)

Craft Pinboard Plugin
=====================

[](#craft-pinboard-plugin)

A flexible Craft CMS fieldtype which allows content editors to create and manage interactive images for location maps, product callouts, feature callouts and more.

### Field configuration screenshot

[](#field-configuration-screenshot)

[![Screenshot](src/resources/screenshot2.png)](src/resources/screenshot2.png)

### Content editor interface screenshot

[](#content-editor-interface-screenshot)

[![Screenshot](src/resources/screenshot.png)](src/resources/screenshot.png)

### Front end example screenshot

[](#front-end-example-screenshot)

[![Screenshot](src/resources/screenshot3.png)](src/resources/screenshot3.png)

Features
--------

[](#features)

- Create and manage interactive images
- Add multiple pins to an image
- Easy to use drag and drop interface
- Add pins for multiple element types to a single image
- Easily see which elements are pinned and which are not via the pin palette
- Simple to use on the front end

Coming Soon
-----------

[](#coming-soon)

- Front end javascript helpers to make it even easier to use on the front end
- Front end twig helpers to make it even easier to use on the front end

Example Front End Usage
-----------------------

[](#example-front-end-usage)

```

  {# loop over our pins, setting their top and left CSS attributes to position them #}
  {% for pin in entry..pins %}

		{% set pinStyle = "top:" ~ pin.y ~ "%; left:" ~ pin.x ~ "%; ;transform: translate(-50%, -50%)" %}
		{% set labelStyle = "top:" ~ pin.y ~ "%; left:" ~ pin.x ~ "%; ;transform: translate(-50%, calc(-100% + -20px))" %}

			{{ pin.title }}

	{% endfor %}

	.backdrop {
		width: 80%;
		position: relative;
	}

  {# it is important to set the image with to no more than 100% #}
	.backdrop img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.pin {
		position: absolute;
		width: 20px;
		height: 20px;
		background-color: black;
		border: 2px solid white;
		border-radius: 50%;
	}

	.pinLabel {
		position: absolute;
		background-color: white;
		padding: 5px;
		border-radius: 5px;
	}

```

###  Health Score

25

↓

LowBetter than 35% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity57

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~0 days

Total

6

Last Release

731d ago

Major Versions

1.0.1 → 4.x-dev2024-07-01

4.0.01 → 5.0.02024-07-01

PHP version history (2 changes)1.0.0PHP >=8.2

4.x-devPHP >=8

### Community

Maintainers

![](https://www.gravatar.com/avatar/cef0532df0ea6feb829f690337fbc774fcbfffac5cee6400dd992e3055f53cc8?d=identicon)[dean@oveio.io](/maintainers/dean@oveio.io)

---

Top Contributors

[![DeanWard](https://avatars.githubusercontent.com/u/397670?v=4)](https://github.com/DeanWard "DeanWard (5 commits)")

### Embed Badge

![Health badge](/badges/dean-ward-craft-pinboard/health.svg)

```
[![Health](https://phpackages.com/badges/dean-ward-craft-pinboard/health.svg)](https://phpackages.com/packages/dean-ward-craft-pinboard)
```

###  Alternatives

[spicyweb/craft-neo

A Matrix-like field type with block hierarchy

393813.5k10](/packages/spicyweb-craft-neo)[craftcms/feed-me

Import content from XML, RSS, CSV or JSON feeds into entries, categories, Craft Commerce products, and more.

293952.6k30](/packages/craftcms-feed-me)[verbb/formie

The most user-friendly forms plugin for Craft.

102393.6k60](/packages/verbb-formie)[solspace/craft-freeform

The most flexible and user-friendly form building plugin!

54681.3k17](/packages/solspace-craft-freeform)[verbb/comments

Add comments to your site.

13753.9k](/packages/verbb-comments)[verbb/navigation

Create navigation menus for your site.

92705.0k18](/packages/verbb-navigation)

PHPackages © 2026

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