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

ActiveSymfony-bundle[Templating & Views](/categories/templating)

symfinity/ui-kernel
===================

Design tokens, themes, and generated CSS for Symfony

v0.1.0(today)001MITPHPPHP >=8.2

Since Jun 13Pushed todayCompare

[ Source](https://github.com/symfinity/ui-kernel)[ Packagist](https://packagist.org/packages/symfinity/ui-kernel)[ Docs](https://github.com/symfinity/ui-kernel)[ RSS](/packages/symfinity-ui-kernel/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (11)Versions (2)Used By (1)

UI Kernel
=========

[](#ui-kernel)

### Design tokens, themes, and slim CSS generation for Symfony

[](#design-tokens-themes-and-slim-css-generation-for-symfony)

[![PHP Version](https://camo.githubusercontent.com/fe60a3918bae3bc2ed56c6c5329ac0cb7462196b3061d0afb91fc4a241fe4172/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322b2d3737374242343f7374796c653d666c6174266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](composer.json)[![Symfony](https://camo.githubusercontent.com/e9a98c31464d231765804f4fdc323f1c325b9a442e4be9a58455e5b5537fdce5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f53796d666f6e792d362e342b2d3334333433343f7374796c653d666c6174266c6f676f3d73796d666f6e79266c6f676f436f6c6f723d7768697465)](composer.json)
[![CI](https://github.com/symfinity/ui-kernel/actions/workflows/ci.yml/badge.svg)](https://github.com/symfinity/ui-kernel/actions/workflows/ci.yml)
[![Release](https://camo.githubusercontent.com/08bd1e3326b2df5702b2f252d60c53cdadf79f80fa56c4012a66e94c211d27ab/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73796d66696e6974792f75692d6b65726e656c2e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ui-kernel)[![Downloads](https://camo.githubusercontent.com/14b19ce2c54abdcfbb80839b230d9b0a09e12013bd100c225cd800053be61dfc/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73796d66696e6974792f75692d6b65726e656c2e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ui-kernel)[![License](https://camo.githubusercontent.com/f48f8d6cf609f5b181b9c3218a85175fe8a5809c7ea400347f39697a5d55065d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174)](LICENSE)

Note

**Read-only mirror.**See [CONTRIBUTING.md](CONTRIBUTING.md) for how to propose changes.

Features
--------

[](#features)

- **Design tokens** — `--ui-color-*`, spacing, radius, motion, and focus tokens from YAML themes
- **Built-in themes** — Balanced, Semantic, and Utility lineages (light + dark variants)
- **OKLCH palette generator** — shared ramp math; author palette refs, not raw hex, in theme packs
- **Twig integration** — `ui_kernel_css()`, theme boot script, active theme id, theme shell helper
- **Slim kernel boundary** — theme CSS only; component `[data-ui-role]` rules live in `ux-blocks-*` packages

Prerequisites
-------------

[](#prerequisites)

Add the [symfinity/recipes](https://github.com/symfinity/recipes) Flex endpoint to your project's `composer.json` (see [recipes README](https://github.com/symfinity/recipes/blob/main/README.md)) — recipes are not in Symfony's official recipe repository yet.

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

[](#installation)

```
composer require symfinity/ui-kernel
```

The Flex recipe registers the bundle for all environments and copies a minimal app config. See [Installation](docs/installation.md).

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

[](#quick-start)

```
{# templates/base.html.twig #}

    {{ ui_kernel_theme_boot_script() }}
    {{ ui_kernel_css()|raw }}

```

```
# config/packages/symfinity_ui_kernel.yaml
symfinity_ui_kernel:
    default_theme: semantic
    default_variant: semantic
    schema_version: '1.0'
```

See [Quick start](docs/quickstart.md) for the full walkthrough.

Documentation
-------------

[](#documentation)

- **[Quick start](docs/quickstart.md)** — theme CSS on every page in minutes
- **[Installation](docs/installation.md)** — Flex, manual setup, Web Profiler (dev)
- **[Configuration](docs/configuration.md)** — app wiring, user tokens, system profile
- **[Themes](docs/themes.md)** — built-in lineages, dark mode, layout profiles
- **[Font Manager pairing](docs/font-manager-pairing.md)** — optional webfonts
- **[Upgrade](docs/upgrade.md)** — first release and future migrations

Requirements
------------

[](#requirements)

- PHP 8.2 or higher
- Symfony 6.4, 7.x, or 8.x
- Twig 3.0 or higher

Support
-------

[](#support)

- [GitHub Issues](https://github.com/symfinity/ui-kernel/issues)
- [Security](.github/SECURITY.md)
- [Contributing](CONTRIBUTING.md)

License
-------

[](#license)

[MIT](LICENSE)

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance100

Actively maintained with recent releases

Popularity0

Limited adoption so far

Community5

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

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

Unknown

Total

1

Last Release

0d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/246582257?v=4)[Symfinity](/maintainers/symfinity)[@symfinity](https://github.com/symfinity)

---

Tags

css-variablesdesign-tokensoklchsymfonysymfony-bundlethemessymfonycssthemesSymfony Bundledesign-tokensoklchui-kernel

###  Code Quality

TestsPHPUnit

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

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

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

###  Alternatives

[easycorp/easyadmin-bundle

Admin generator for Symfony applications

4.3k17.5M373](/packages/easycorp-easyadmin-bundle)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.4M195](/packages/sulu-sulu)[open-dxp/opendxp

Content & Product Management Framework (CMS/PIM)

9017.2k55](/packages/open-dxp-opendxp)[2lenet/crudit-bundle

The easy like Crud'it Bundle.

1715.6k12](/packages/2lenet-crudit-bundle)

PHPackages © 2026

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