PHPackages                             formatd/hotspot-content - 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. [Templating & Views](/categories/templating)
4. /
5. formatd/hotspot-content

ActiveNeos-package[Templating & Views](/categories/templating)

formatd/hotspot-content
=======================

Hotspot Content Element for Neos CMS

v2.0.0(2y ago)011MITJavaScript

Since Feb 16Pushed 2y ago1 watchersCompare

[ Source](https://github.com/Format-D/FormatD.HotspotContent)[ Packagist](https://packagist.org/packages/formatd/hotspot-content)[ RSS](/packages/formatd-hotspot-content/feed)WikiDiscussions main Synced yesterday

READMEChangelog (1)Dependencies (3)Versions (2)Used By (0)

FormatD.HotspotContent
----------------------

[](#formatdhotspotcontent)

This package provides an image content element with hotspots. The neos editor can create and drag hotspots on the image and provide labels and other description. It could also be used to put hotspots on any content (not only images) by copying `FormatD.HotspotContent:Content.ImageWithHotspots` prototype and replacing `renderer.content` with another content.

### Compatibility

[](#compatibility)

Versioning scheme:

```
 1.0.0
 | | |
 | | Bugfix Releases (non breaking)
 | Neos Compatibility Releases (non breaking)
 Feature Releases (breaking)

```

Releases and compatibility:

Package-VersionNeos CMS VersionNotes2.0.x>= 8.3 < 9There is no Version 1.0 to be matching with formatd/hotspot-editor versions### Screencast

[](#screencast)

    hotspot-with-image-backend.mp4    ### JS and CSS

[](#js-and-css)

If you have a global asset bundeling in place then it probably makes sense to disable the JS and CSS auto includes and import the Root.ts files.

```
FormatD:
  HotspotContent:
    includeJS: false
    includeCSS: false

```

This package uses `formatd/componentloader` () to load, initialize (and re-initialize) JS on demand in the backend and frontend. If you want to use the component loader for more then this package also just disable the JS and CSS includes and import Root.ts yourself.

### Extensibility and Customization

[](#extensibility-and-customization)

This package is based on `formatd/hotspot-editor` () and provides a concrete implementation. Instead of using this package directly, it could aso make sense to use it as an example how to build your own hotspot elements in neos.

### Roadmap

[](#roadmap)

- Offclick close for layer

###  Health Score

20

—

LowBetter than 13% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 90.9% 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

Unknown

Total

1

Last Release

868d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bb327c5b80466d2d0236e188879eb7bfefe44330e56fe7cc27b5417a5b9689ea?d=identicon)[formatd](/maintainers/formatd)

---

Top Contributors

[![bweinzierl](https://avatars.githubusercontent.com/u/30659291?v=4)](https://github.com/bweinzierl "bweinzierl (10 commits)")[![PetraWeinmueller](https://avatars.githubusercontent.com/u/42027350?v=4)](https://github.com/PetraWeinmueller "PetraWeinmueller (1 commits)")

### Embed Badge

![Health badge](/badges/formatd-hotspot-content/health.svg)

```
[![Health](https://phpackages.com/badges/formatd-hotspot-content/health.svg)](https://phpackages.com/packages/formatd-hotspot-content)
```

###  Alternatives

[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3851.2M](/packages/limenius-react-bundle)[neos/demo

Site package for the Neos Demo Site

18188.3k10](/packages/neos-demo)[area17/laravel-auto-head-tags

Laravel Auto Head Tags helps you build the list of head elements for your app

4616.1k](/packages/area17-laravel-auto-head-tags)[jelix/wikirenderer

WikiRenderer is a library to generate HTML or anything else from wiki content.

1712.3k1](/packages/jelix-wikirenderer)[webkinder/sproutset

A Composer package for handling responsive images in Roots Bedrock + Sage + Blade projects.

282.2k](/packages/webkinder-sproutset)

PHPackages © 2026

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