PHPackages                             godismyjudge95/statamic-tailwind-dev-mode - 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. godismyjudge95/statamic-tailwind-dev-mode

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

godismyjudge95/statamic-tailwind-dev-mode
=========================================

A simple tag for embedding the Tailwind CDN, Tailwind config, and site css when the site is in a dev environment for Statamic 4+

1.0.2(2y ago)0284MITPHP

Since Oct 17Pushed 2y ago1 watchersCompare

[ Source](https://github.com/godismyjudge95/statamic-tailwind-dev-mode)[ Packagist](https://packagist.org/packages/godismyjudge95/statamic-tailwind-dev-mode)[ RSS](/packages/godismyjudge95-statamic-tailwind-dev-mode/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (4)Used By (0)

Statamic Tailwind Dev Mode
==========================

[](#statamic-tailwind-dev-mode)

> A simple tag for embedding the Tailwind CDN, Tailwind config, and site css when the site is in a dev environment for Statamic 4+

Features
--------

[](#features)

This addon allows you to use a `{{ tailwind_dev_mode }}` tag in the `` to not only include Tailwind's CDN url but also include the project's `tailwind.config.js` and `site.css` inline in the browser. This means that you can make any changes you want in browser and still have all your customizations from your Tailwind config and site css.

This tag is automatically turned off when the environment is set to `production` in the `.env` of the project.

How to Install
--------------

[](#how-to-install)

Run the following command from your project root:

```
composer require godismyjudge95/statamic-tailwind-dev-mode
```

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

[](#how-to-use)

Simply use the Tailwind dev mode tag in the ``:

```
{{ tailwind_dev_mode }}

```

Outputs:

```

// Your tailwind.config.js here

/** Your resources/css/site.css **/

```

If your css path is different than `resources/css/site.css` you can pass the `css` parameter:

```
{{ tailwind_dev_mode css="resources/css/tailwind.css" }}

```

###  Health Score

23

—

LowBetter than 27% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity11

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

Total

3

Last Release

919d ago

### Community

Maintainers

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

---

Top Contributors

[![godismyjudge95](https://avatars.githubusercontent.com/u/3847288?v=4)](https://github.com/godismyjudge95 "godismyjudge95 (9 commits)")

### Embed Badge

![Health badge](/badges/godismyjudge95-statamic-tailwind-dev-mode/health.svg)

```
[![Health](https://phpackages.com/badges/godismyjudge95-statamic-tailwind-dev-mode/health.svg)](https://phpackages.com/packages/godismyjudge95-statamic-tailwind-dev-mode)
```

###  Alternatives

[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[statamic/seo-pro

65440.7k](/packages/statamic-seo-pro)[jacksleight/statamic-bard-texstyle

17172.5k](/packages/jacksleight-statamic-bard-texstyle)[visuellverstehen/statamic-classify

A useful helper to add CSS classes to all HTML tags generated by the bard editor.

20116.8k](/packages/visuellverstehen-statamic-classify)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

2381.5k10](/packages/marcorieser-statamic-livewire)[withcandour/aardvark-seo

Save time and get your Statamic site to rank better with the SEO addon for Statamic.

13128.3k](/packages/withcandour-aardvark-seo)

PHPackages © 2026

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