PHPackages                             eminos/statamic-element-picker - 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. eminos/statamic-element-picker

ActiveStatamic-addon

eminos/statamic-element-picker
==============================

A Statamic addon that adds an Element Picker fieldtype and lets you pick an element and generate a unique CSS selector for that element.

v1.1.0(2y ago)131MITVue

Since Sep 26Pushed 2y ago1 watchersCompare

[ Source](https://github.com/eminos/statamic-element-picker)[ Packagist](https://packagist.org/packages/eminos/statamic-element-picker)[ RSS](/packages/eminos-statamic-element-picker/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (3)Versions (4)Used By (0)

Statamic Element Picker
=======================

[](#statamic-element-picker)

A Statamic plugin that adds an Element Picker Fieldtype.
Pick an element and get its short and unique "CSS selector".

[![Screenshot of the Element Picker Fieldtype](docs/screenshot1.png)](docs/screenshot1.png)

Installation
------------

[](#installation)

Install this plugin using composer.

```
composer require eminos/statamic-element-picker

```

Features
--------

[](#features)

- Pick an element right on that page or a configurable URL.
- Configure where the URL is coming from.
    - Set the URL in the field config.
    - Let the URL come from a sibling or ancestor field (works inside Grids or Replicators as well).
- If you choose to use a URL a new window will open with that URL where you can pick your element with a click.
- Saves a short and unique "CSS selector" for that element which you can use to find the element again (uses [finder](https://github.com/antonmedv/finder) under the hood).

### Here's a screenshot of the config options.

[](#heres-a-screenshot-of-the-config-options)

[![Screenshot of the Element Picker field config](docs/screenshot2.png)](docs/screenshot2.png)

Known limitations
-----------------

[](#known-limitations)

- The URL must be the same origin as the page where the Element Picker is loaded. In other words you can only pick an element from the same domain as the control panel. This is because of the security in how messaging between open windows/tabs work. There might be a workaround involving Shadow DOM or similar.

Possible improvements
---------------------

[](#possible-improvements)

- Option to set the URL right on the Element Picker field itself. This can optionally get saved together with the CSS selector string.
- Configurable CSS selector generation / [finder](https://github.com/antonmedv/finder).
- Configurable inspector design, background color, border, etc.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

22

↓

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity45

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 ~113 days

Total

3

Last Release

731d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5f7b9b5acefc797c0c0cf24b4b05ce1f55e50a0c20e5bdbf647eae53b0a16fab?d=identicon)[eminos](/maintainers/eminos)

---

Top Contributors

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

---

Tags

statamicstatamic-addonstatamic-v3statamic-v4

### Embed Badge

![Health badge](/badges/eminos-statamic-element-picker/health.svg)

```
[![Health](https://phpackages.com/badges/eminos-statamic-element-picker/health.svg)](https://phpackages.com/packages/eminos-statamic-element-picker)
```

###  Alternatives

[statamic/statamic

Statamic

824170.4k](/packages/statamic-statamic)[statamic-rad-pack/runway

Eloquently manage your database models in Statamic.

135192.6k5](/packages/statamic-rad-pack-runway)[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[statamic/eloquent-driver

Allows you to store Statamic data in a database.

125598.8k7](/packages/statamic-eloquent-driver)[statamic/seo-pro

65440.7k](/packages/statamic-seo-pro)[rias/statamic-redirect

28298.4k](/packages/rias-statamic-redirect)

PHPackages © 2026

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