PHPackages                             carbon/tailwindcolors - 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. carbon/tailwindcolors

ActiveNeos-carbon[Utility & Helpers](/categories/utility)

carbon/tailwindcolors
=====================

A plugin for Neos CMS which provides an editor for tailwindcss colors

0.1.9(2mo ago)23.4k↓50%1GPL-3.0TypeScriptCI failing

Since Jan 10Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/CarbonPackages/Carbon.TailwindColors)[ Packagist](https://packagist.org/packages/carbon/tailwindcolors)[ Fund](https://www.paypal.me/Jonnitto/20eur)[ GitHub Sponsors](https://github.com/jonnitto)[ RSS](/packages/carbon-tailwindcolors/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (1)Versions (13)Used By (1)

Tailwind Color Editor for Neos CMS
==================================

[](#tailwind-color-editor-for-neos-cms)

[![Latest stable version](https://camo.githubusercontent.com/c37e64f356bcc2c37b287f74952abafce84d03548ee3417b4d2d692a9a742b32/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f636f6c6f7276616c7565732f762f737461626c65)](https://packagist.org/packages/carbon/colorvalues) [![Total downloads](https://camo.githubusercontent.com/00a95a2a45b6142f273eabde490141da7a6602ae43d0b21366b994f87b30a0db/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f636f6c6f7276616c7565732f646f776e6c6f616473)](https://packagist.org/packages/carbon/colorvalues) [![License](https://camo.githubusercontent.com/986e2b82b70882ab947aa8554dcca17cd2e9402c462189c3ac47ebc37d2c78d7/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f636f6c6f7276616c7565732f6c6963656e7365)](https://packagist.org/packages/carbon/colorvalues) [![GitHub forks](https://camo.githubusercontent.com/a85097aee26cb5d092e986737e194b2e8f73fab33d1c818bebfe0c5e59a764cc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f436172626f6e5061636b616765732f436172626f6e2e436f6c6f7256616c7565732e7376673f7374796c653d736f6369616c266c6162656c3d466f726b)](https://github.com/CarbonPackages/Carbon.ColorValues/fork) [![GitHub stars](https://camo.githubusercontent.com/17883c9f612482d110a04554b48ecd86bc554f5e8cb9fe654e3439190e8fc591/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f436172626f6e5061636b616765732f436172626f6e2e436f6c6f7256616c7565732e7376673f7374796c653d736f6369616c266c6162656c3d5374617273)](https://github.com/CarbonPackages/Carbon.ColorValues/stargazers) [![GitHub watchers](https://camo.githubusercontent.com/61045425198e5e3baa21b1d72a5a3b8a01376575c5c936ed3973bcbf5391c978/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f77617463686572732f436172626f6e5061636b616765732f436172626f6e2e436f6c6f7256616c7565732e7376673f7374796c653d736f6369616c266c6162656c3d5761746368)](https://github.com/CarbonPackages/Carbon.ColorValues/subscription)

Introduction
------------

[](#introduction)

This package provides a Color Editor for [TailwindCSS colors](https://tailwindcss.com/docs/customizing-colors) which can be used in Neos CMS.

[![example](https://user-images.githubusercontent.com/4510166/196686127-adef31f3-20af-4c03-b205-5ff4817e966a.png)](https://user-images.githubusercontent.com/4510166/196686127-adef31f3-20af-4c03-b205-5ff4817e966a.png)

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

[](#installation)

Run this in your site package

```
composer require --no-update carbon/tailwindcolors
```

Then run `composer update` in your project directory.

How to use
----------

[](#how-to-use)

Add a property of type string and configure the editor as seen in this example:

```
Foo.Bar:Content.Text:
  properties:
    options:
        preset: 'Carbon.TailwindColors.colors'
      ui:
        label: Color
        inspector:
          editorOptions:
            disabled: false
            # If set, this color gets displayed if no value is set
            placeholder: gold
            # Hides the reset button if set to false
            allowEmpty: true
            # This can be either color or grayscale. This reduces the list to only the color ones or only the gray colors
            scheme: color
            # You can disable certain strengths
            disableStrength: [50, 100]
            # If true, the picker is collapsed
            collapsed: true
```

Contributions
-------------

[](#contributions)

Contributions are very welcome!

Please create detailed issues and PRs.

###  Health Score

43

—

FairBetter than 91% of packages

Maintenance84

Actively maintained with recent releases

Popularity25

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity43

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

Every ~126 days

Recently: every ~173 days

Total

10

Last Release

88d ago

### Community

Maintainers

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

---

Top Contributors

[![jonnitto](https://avatars.githubusercontent.com/u/4510166?v=4)](https://github.com/jonnitto "jonnitto (40 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")

---

Tags

coloreditorneoscmstailwindcsscoloreditorflowNeosneoscmstailwindcss

### Embed Badge

![Health badge](/badges/carbon-tailwindcolors/health.svg)

```
[![Health](https://phpackages.com/badges/carbon-tailwindcolors/health.svg)](https://phpackages.com/packages/carbon-tailwindcolors)
```

###  Alternatives

[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-hyphens

A plugin for Neos CMS which provides hyphens for the inline editor

20200.7k1](/packages/shel-neos-hyphens)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21166.3k](/packages/techdivision-ckstyles)[moc/notfound

Neos CMS package that loads a normal editable page for displaying a 404 error

18167.5k](/packages/moc-notfound)[lukapeharda/tailwindcss-color-palette-generator

Generate TailwindCSS color palette from a single color.

22102.1k1](/packages/lukapeharda-tailwindcss-color-palette-generator)[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14228.6k10](/packages/carbon-includeassets)

PHPackages © 2026

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