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 2y 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 2w 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

30

—

LowBetter than 62% of packages

Maintenance20

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

3152d 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

[symfony/framework-bundle

Provides a tight integration between Symfony components and the Symfony full-stack framework

3.6k246.0M11.2k](/packages/symfony-framework-bundle)[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.5k42.5M393](/packages/blade-ui-kit-blade-icons)[tightenco/jigsaw

Simple static sites with Laravel's Blade.

2.3k453.6k30](/packages/tightenco-jigsaw)[vincentlanglet/twig-cs-fixer

A tool to automatically fix Twig code style

34610.2M100](/packages/vincentlanglet-twig-cs-fixer)[illuminate/session

The Illuminate Session package.

9939.3M829](/packages/illuminate-session)[api-platform/symfony

Symfony API Platform integration

384.5M114](/packages/api-platform-symfony)

PHPackages © 2026

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