PHPackages                             symfinity/ux-blocks-core - 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/ux-blocks-core

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

symfinity/ux-blocks-core
========================

Symfinity UX Blocks Core — atomic Symfony UX Twig components with registry-aligned markup and role CSS

v0.1.0(today)00MITPHP >=8.2

Since Jun 14Pushed todayCompare

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

READMEChangelogDependencies (13)Versions (2)Used By (0)

UX Blocks Core
==============

[](#ux-blocks-core)

### Atomic Symfinity UX Twig components with registry-aligned markup and role CSS

[](#atomic-symfinity-ux-twig-components-with-registry-aligned-markup-and-role-css)

[![PHP Version](https://camo.githubusercontent.com/fe60a3918bae3bc2ed56c6c5329ac0cb7462196b3061d0afb91fc4a241fe4172/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322b2d3737374242343f7374796c653d666c6174266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](composer.json)[![Symfony](https://camo.githubusercontent.com/0b9a123c2224a4e7dbbb624492f493b4fbb810e2060e7ddbec9346b13a65ac24/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f53796d666f6e792d372e342b2d3334333433343f7374796c653d666c6174266c6f676f3d73796d666f6e79266c6f676f436f6c6f723d7768697465)](composer.json)
[![CI](https://github.com/symfinity/ux-blocks-core/actions/workflows/ci.yml/badge.svg)](https://github.com/symfinity/ux-blocks-core/actions/workflows/ci.yml)
[![Release](https://camo.githubusercontent.com/c9a47b501994d5d6592ff8d9dbebbf61bba75285c9588d0d97b593a52f807262/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73796d66696e6974792f75782d626c6f636b732d636f72652e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ux-blocks-core)[![Downloads](https://camo.githubusercontent.com/8329259559243785e23eee3f5e212f29494bbbd3e0a7ddc8791f068ac95de713/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73796d66696e6974792f75782d626c6f636b732d636f72652e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ux-blocks-core)[![License](https://camo.githubusercontent.com/f48f8d6cf609f5b181b9c3218a85175fe8a5809c7ea400347f39697a5d55065d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174)](LICENSE)

Note

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

Features
--------

[](#features)

- **24 atomic roles** — typography, forms, layout, feedback, and media primitives
- **Native-first (`nat`)** — styled with ui-kernel tokens; no Stimulus required for default stories
- **Registry-aligned** — `config/ux_roles.yaml` revision 1.4 with `blocks.*` fragment ids
- **Symfony UX Twig components** — ``, ``, and siblings
- **Package role CSS** — tier-owned styles under `assets/styles/roles/`
- **Flex recipe** — bundle + AssetMapper paths wired on install

Interaction profile
-------------------

[](#interaction-profile)

TokenIn this package`nat`Default for all roles — native HTML + Chameleon kernel / package CSS`act`Optional on `Button` via ui-action protocol`stl`**Not used** — interactive overlays live in `symfinity/ux-blocks-extended``live`**Not used** — LiveComponent demos live in lab / consumer appsComponent inventory
-------------------

[](#component-inventory)

RoleTwigCategoryInteractionFragmentStatustypographyTypographyTypographynat`blocks.typography`shippedbuttonButtonActionsnat, act`blocks.button`shippedlabelLabelFormsnat`blocks.label`shippedinputInputFormsnat`blocks.input`shippedtextareaTextareaFormsnat`blocks.textarea`shippedcheckboxCheckboxFormsnat`blocks.checkbox`shippedradio-groupRadioGroupFormsnat`blocks.radio-group`shippedselectSelectFormsnat`blocks.select`shippedswitchSwitchFormsnat`blocks.switch`shippedfile-inputFileInputFormsnat`blocks.file-input`shippedseparatorSeparatorLayoutnat`blocks.separator`shippeddividerDividerLayoutnat`blocks.divider`shippedaspect-ratioAspectRatioLayoutnat`blocks.aspect-ratio`shippedscroll-areaScrollAreaLayoutnat`blocks.scroll-area`shippedbadgeBadgeFeedbacknat`blocks.badge`shippedprogressProgressFeedbacknat`blocks.progress`shippedspinnerSpinnerFeedbacknat`blocks.spinner`shippedskeletonSkeletonFeedbacknat`blocks.skeleton`shippedemptyEmptyFeedbacknat`blocks.empty`shippedavatarAvatarMedianat`blocks.avatar`shippedimageImageMedianat`blocks.image`shippedfigureFigureMedianat`blocks.figure`shippedkbdKbdTypographynat`blocks.kbd`shippedlinkLinkNavigationnat`blocks.link`shippedHandbook pages: [docs/components.md](docs/components.md) and [docs/components/](docs/components/).

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.

Install **ui-kernel** (theme CSS). **ux-blocks** (registry SDK) resolves from [Packagist](https://packagist.org/packages/symfinity/ux-blocks) as a dependency of this package.

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

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

[](#installation)

```
composer require symfinity/ux-blocks-core
```

The Flex recipe registers the bundle for all environments. See [Installation](docs/installation.md).

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

[](#quick-start)

```
{# templates/base.html.twig — ui-kernel head (required) #}

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

```

```
{# templates/demo.html.twig #}
Save
Email

```

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

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

[](#documentation)

- **[Quick start](docs/quickstart.md)** — ui-kernel + first components in minutes
- **[Installation](docs/installation.md)** — Flex, dependencies, verify
- **[Configuration](docs/configuration.md)** — auto-wiring, catalog route, SchemeSwitch
- **[Components](docs/components.md)** — role index and fragment prefix
- **[Upgrade](docs/upgrade.md)** — first release and future migrations

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

[](#requirements)

- PHP 8.2 or higher
- Symfony 7.4 or 8.x
- `symfinity/ui-kernel` ^0.1 and `symfinity/ux-blocks` ^0.1 ([Packagist](https://packagist.org/packages/symfinity/ux-blocks))

Support
-------

[](#support)

- [GitHub Issues](https://github.com/symfinity/ux-blocks-core/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

Community2

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

design-systemregistrysymfonysymfony-bundletwig-componentsux-blockssymfonysymfony-uxSymfony Bundledesign-systemtwig-componentsui-kernelux-blocks

###  Code Quality

TestsPHPUnit

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/symfinity-ux-blocks-core/health.svg)

```
[![Health](https://phpackages.com/badges/symfinity-ux-blocks-core/health.svg)](https://phpackages.com/packages/symfinity-ux-blocks-core)
```

###  Alternatives

[easycorp/easyadmin-bundle

Admin generator for Symfony applications

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

E-Commerce platform for PHP, based on Symfony framework.

8.5k5.8M711](/packages/sylius-sylius)[symfony/ux-toolkit

A tool to easily create a design system in your Symfony app with customizable, well-crafted Twig components

1582.8k1](/packages/symfony-ux-toolkit)[rcsofttech/audit-trail-bundle

Enterprise-grade, high-performance Symfony audit trail bundle. Automatically track Doctrine entity changes with split-phase architecture, multiple transports (HTTP, Queue, Doctrine), and sensitive data masking.

1155.2k](/packages/rcsofttech-audit-trail-bundle)[forumify/forumify-platform

132.0k12](/packages/forumify-forumify-platform)[sulu/sulu

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

1.3k1.4M195](/packages/sulu-sulu)

PHPackages © 2026

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