PHPackages                             innmind/ui - 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. innmind/ui

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

innmind/ui
==========

2.0.0(4mo ago)1157MITPHPPHP ~8.4CI passing

Since Oct 19Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/Innmind/ui)[ Packagist](https://packagist.org/packages/innmind/ui)[ Docs](http://github.com/innmind/ui)[ RSS](/packages/innmind-ui/feed)WikiDiscussions develop Synced yesterday

READMEChangelog (3)Dependencies (3)Versions (8)Used By (0)

UI
==

[](#ui)

[![CI](https://github.com/Innmind/ui/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/Innmind/ui/actions/workflows/ci.yml)[![Type Coverage](https://camo.githubusercontent.com/86e9bc714e6fc56344edb0c3eab7f46dd7e173895e64ba24f04071996fb1f68a/68747470733a2f2f73686570686572642e6465762f6769746875622f696e6e6d696e642f75692f636f7665726167652e737667)](https://shepherd.dev/github/innmind/ui)

Build web pages by composing PHP components instead of writing HTML.

This is heavily inspired from [SwiftUI](https://developer.apple.com/xcode/swiftui/).

Philosophy
----------

[](#philosophy)

The goal is to have a UI system build on top of the Innmind ecosystem so it can work:

- with lazy evaluated data (such as `Sequence`s)
- asynchronously

This allows an app to work with any size of data safely. And the same app can move to an asynchronous execution mode without having to change its UI system.

This is achieved by inverting the traditional UI paradigm used in the PHP ecosystem. Instead of injecting the data into an HTML template, this package starts from the data and transform it into a list of HTML lines. With the HTML being represented as a `Sequence` it can handle any source of data.

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

[](#installation)

```
composer require innmind/ui
```

Usage
-----

[](#usage)

```
use Innmind\UI\{
    Button,
    Card,
    Grid,
    Image,
    NavigationLink,
    Shape,
    Stack,
    Text,
    Toolbar,
    Window,
};
use Innmind\Url\Url;
use Innmind\Immutable\Sequence;

$window = Window::of('Graphs', Stack::vertical(
    Toolbar::of(Text::of('Organizations'))
        ->trailing(Button::text(Url::of('/add'), '+ Add')),
    Grid::of(
        Sequence::of(...$strings)
            ->map(Text::of(...))
            ->map(static fn(Text $label) => Stack::vertical(
                Image::of(Url::of('https://avatars.githubusercontent.com/u/12136170?s=150&v=4'))
                    ->shape(Shape::circle),
                $label,
            ))
            ->map(static fn(Stack $label) => NavigationLink::of(
                Url::of('package.php'),
                $label,
            ))
            ->map(Card::of(...)),
    ),
))->stylesheet(Url::of('/themes/default.css'));

echo $window->render()->toString();
```

This would render something like this:

[![](docs/assets/example.png)](docs/assets/example.png)

Warning
-------

[](#warning)

Warning

This is NOT production ready.

This package is still experimental.

It's an attempt to build a replacement of the [macOS app](https://github.com/Innmind/macOS-tooling) hence the similarity to SwiftUI.

That being said you can still use it to build pet projects. Feedback on its API is welcome.

###  Health Score

43

—

FairBetter than 89% of packages

Maintenance80

Actively maintained with recent releases

Popularity12

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity62

Established project with proven stability

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

Total

3

Last Release

138d ago

Major Versions

1.1.0 → 2.0.02026-02-15

PHP version history (2 changes)1.0.0PHP ~8.2

2.0.0PHP ~8.4

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/851425?v=4)[Baptiste Langlade](/maintainers/Baptouuuu)[@Baptouuuu](https://github.com/Baptouuuu)

---

Top Contributors

[![Baptouuuu](https://avatars.githubusercontent.com/u/851425?v=4)](https://github.com/Baptouuuu "Baptouuuu (73 commits)")

### Embed Badge

![Health badge](/badges/innmind-ui/health.svg)

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

###  Alternatives

[francescomalatesta/laravel-feature

A simple package to manage feature flagging in a Laravel project.

211206.8k](/packages/francescomalatesta-laravel-feature)[innmind/object-graph

Extract object graph out of a root object

242.8k7](/packages/innmind-object-graph)[yemenpoint/filament-google-map-location-picker

Google map location picker for filament

295.7k](/packages/yemenpoint-filament-google-map-location-picker)[innmind/git

Git abstraction

141.4k1](/packages/innmind-git)

PHPackages © 2026

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