PHPackages                             weareframework/product-color-swatches - 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. weareframework/product-color-swatches

ActiveLibrary[Utility & Helpers](/categories/utility)

weareframework/product-color-swatches
=====================================

0471[1 PRs](https://github.com/FrameworkDesign/product-color-swatches/pulls)PHP

Since Oct 26Pushed 1y agoCompare

[ Source](https://github.com/FrameworkDesign/product-color-swatches)[ Packagist](https://packagist.org/packages/weareframework/product-color-swatches)[ RSS](/packages/weareframework-product-color-swatches/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

Product Color Swatches
======================

[](#product-color-swatches)

> Product Color Swatches is a Statamic addon that does something pretty neat. It allows you to create your own color swatches to be used in the system as a field type

Features
--------

[](#features)

This addon does:

- Allows you to add your own color swatches
- Select the color swatches in a field type
- edit the outputted field on the frontend

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/product-color-swatches
```

### Install locally

[](#install-locally)

If installing locally then create a local folder to put this in e.g. **addons**, then **weareframework** so full folder path is **addons/weareframework**clone this repo in and then update your composer file to make statamic aware of a local file like so:

```
    ...

    "require": {
        ...,
        "weareframework/product-color-swatches": "*"
    },

    ...
    "repositories": [
        {
            "type": "path",
            "url": "addons/weareframework/product-color-swatches"
        }
    ]

```

the docs at statamic refer to how to do this also:

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

[](#how-to-use)

Install it, use it, let your site abuse it

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

```
{{ product_color_swatch :field="product_color_swatch_field" }}
```

Templating
----------

[](#templating)

Pass an image to the `product_color_swatch` tag.

```
{{ product_color_swatch :field="product_color_swatch_field" }}
```

This will render a default product\_color\_swatch tag with the default colors output.

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\ProductColorSwatches\ServiceProvider`

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance29

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity26

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/7655a3118f49360bb3c2bdd6880d221fe4ab13263ae1552a411ee969c78b3fb5?d=identicon)[weareframework](/maintainers/weareframework)

---

Top Contributors

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

### Embed Badge

![Health badge](/badges/weareframework-product-color-swatches/health.svg)

```
[![Health](https://phpackages.com/badges/weareframework-product-color-swatches/health.svg)](https://phpackages.com/packages/weareframework-product-color-swatches)
```

###  Alternatives

[easywechat-composer/easywechat-composer

The composer plugin for EasyWeChat

863.1M35](/packages/easywechat-composer-easywechat-composer)[touhonoob/rate-limit

PHP rate limiting library with Token Bucket Algorithm

137520.0k2](/packages/touhonoob-rate-limit)[simplesquid/nova-enum-field

A Laravel Nova field to add enums to resources.

52391.9k2](/packages/simplesquid-nova-enum-field)[ballen/distical

A distance (Lat/Long) calculation library for PHP

40180.2k2](/packages/ballen-distical)

PHPackages © 2026

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