PHPackages                             lastcall/mannequin-html - 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. lastcall/mannequin-html

ActiveLibrary[Templating & Views](/categories/templating)

lastcall/mannequin-html
=======================

HTML extension for the Mannequin template viewer

1.0.7(8y ago)0161MITPHPPHP >7.0

Since Jul 15Pushed 1y agoCompare

[ Source](https://github.com/LastCallMedia/Mannequin-Html)[ Packagist](https://packagist.org/packages/lastcall/mannequin-html)[ RSS](/packages/lastcall-mannequin-html/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependencies (3)Versions (32)Used By (0)

Mannequin HTML is brought to you by your friends at [Last Call Media](https://www.lastcallmedia.com), it is a command line application that you can use to visualize and work on your static HTML files in the browser. For example, if you have a directory of separate HTML files that represent the "components" of your application, you can use Mannequin HTML to view and work on them individually.

Quick Start
-----------

[](#quick-start)

Using [Composer](https://getcomposer.org/doc/00-intro.md), install Mannequin HTML from your project root. From the command line:

```
$ composer require lastcall/mannequin-html
```

Next, create a new `.mannequin.php` file in your project root. This file is where you will configure Mannequin. Inside of that file:

[@see config](demo/.mannequin.php#L23-50)

See all of the [configuration options](docs/configuration.md), or [view an example project](demo/)

Setting up Components
---------------------

[](#setting-up-components)

While the `.mannequin.php` file tells Mannequin where to find your components, you still need to describe them to Mannequin. To do that, we use a `.yml` file living alongside the `.html` file that contains the component. For example, to describe a "Card" component living inside of `card.html`, you would create a `card.yml` file in the same directory that contains:

```
# card.yml
name: Card
group: Molecule
```

See the full YAML reference [here](docs/components.md)

Workflow
--------

[](#workflow)

When you're ready to begin work on your HTML files, you can use the following worklow:

1. Fire up a live development server so you can see your component. From the command line: ```
    $ vendor/bin/mannequin start
    ```
2. This will output a URL for the Mannequin UI. Visit it in your browser.
3. In the UI, find the component you want to work on.
4. Open the HTML file, and make your changes.
5. Reload the UI to see how your changes look.

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance27

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity69

Established project with proven stability

 Bus Factor1

Top contributor holds 95.5% 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 ~4 days

Total

31

Last Release

3105d ago

Major Versions

0.2.3 → 1.0.0-rc12017-09-18

0.3.0 → 1.0.0-rc22017-09-30

### Community

Maintainers

![](https://www.gravatar.com/avatar/08764a9d2125547417a4f3efeee159b4fc1ff4a5094326228e413ef38566da23?d=identicon)[lschumann](/maintainers/lschumann)

![](https://www.gravatar.com/avatar/7a4a154961f7167b96103447056ce7319becb50c4eb836e0cecfd26b08cfd0ba?d=identicon)[chrislcm](/maintainers/chrislcm)

---

Top Contributors

[![rbayliss](https://avatars.githubusercontent.com/u/654407?v=4)](https://github.com/rbayliss "rbayliss (42 commits)")[![sagar-lcm](https://avatars.githubusercontent.com/u/106957476?v=4)](https://github.com/sagar-lcm "sagar-lcm (2 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/lastcall-mannequin-html/health.svg)

```
[![Health](https://phpackages.com/badges/lastcall-mannequin-html/health.svg)](https://phpackages.com/packages/lastcall-mannequin-html)
```

###  Alternatives

[tightenco/jigsaw

Simple static sites with Laravel's Blade.

2.2k438.5k29](/packages/tightenco-jigsaw)[friendsoftwig/twigcs

Checkstyle automation for Twig

3586.1M61](/packages/friendsoftwig-twigcs)[twigstan/twigstan

TwigStan is a static analyzer for Twig templates powered by PHPStan

27412.1k](/packages/twigstan-twigstan)[iq2i/storia-bundle

UI Storia bundle

144.6k](/packages/iq2i-storia-bundle)

PHPackages © 2026

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