PHPackages symfinity/ux-blocks-interactive - 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. symfinity/ux-blocks-interactive ActiveSymfony-bundle[Utility & Helpers](/categories/utility) symfinity/ux-blocks-interactive =============================== Stimulus-backed interactive widgets v0.1.0(today)001MITPHPPHP >=8.2CI passing Since Jun 27Pushed todayCompare [ Source](https://github.com/symfinity/ux-blocks-interactive)[ Packagist](https://packagist.org/packages/symfinity/ux-blocks-interactive)[ Docs](https://github.com/symfinity/ux-blocks-interactive)[ RSS](/packages/symfinity-ux-blocks-interactive/feed)WikiDiscussions main Synced today READMEChangelog (1)Dependencies (17)Versions (2)Used By (1) UX Blocks Interactive ===================== [](#ux-blocks-interactive) ### Stimulus-backed interactive widgets [](#stimulus-backed-interactive-widgets) [![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-interactive/actions/workflows/ci.yml/badge.svg)](https://github.com/symfinity/ux-blocks-interactive/actions/workflows/ci.yml) [![Release](https://camo.githubusercontent.com/526ff29f1b93166c54c43a3f32b85dcf49bcd67b2351c82896227ede0ba630e3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73796d66696e6974792f75782d626c6f636b732d696e7465726163746976652e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ux-blocks-interactive)[![Downloads](https://camo.githubusercontent.com/2e2b78ee6027f47b621358677f222cf9e0d3859cf57b368082f3b1699b291a3f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73796d66696e6974792f75782d626c6f636b732d696e7465726163746976652e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ux-blocks-interactive)[![License](https://camo.githubusercontent.com/f48f8d6cf609f5b181b9c3218a85175fe8a5809c7ea400347f39697a5d55065d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174)](LICENSE) Note **Read-only mirror.**See [CONTRIBUTING.md](CONTRIBUTING.md) for how to propose changes. Features -------- [](#features) - **27 interactive roles** — tabs, drawers, menus, toasts, and scheme switch - **Client widgets (`stl`)** — package Stimulus controllers with ui-kernel styling - **Registry-aligned** — `blocks.int.*` fragment ids - **Requires extended tier** — compounds from `symfinity/ux-blocks-extended` - **Flex recipe** — bundle and Stimulus assets on install Interaction profile ------------------- [](#interaction-profile) TokenIn this package`stl`Default for all roles — Stimulus widgets with package CSS`runtime`Optional on `CommandPalette` when `symfinity/ux-runtime` is installed`live`**Not included** — LiveComponents ship in `symfinity/ux-blocks-live`Component inventory ------------------- [](#component-inventory) RoleTwigInteractionFragmentStatuscollapsibleCollapsiblestl`blocks.int.collapsible`shippedtabsTabsstl`blocks.int.tabs`shippedalert-dialog-enhancedAlertDialogstl`blocks.int.alert-dialog-enhanced`shippeddrawerDrawerstl`blocks.int.drawer`shippedsheetSheetstl`blocks.int.sheet`shippeddropdown-menuDropdownMenustl`blocks.int.dropdown-menu`shippedsliderSliderstl`blocks.int.slider`shippedtoggleTogglestl`blocks.int.toggle`shippedtoggle-groupToggleGroupstl`blocks.int.toggle-group`shippedscheme-switchSchemeSwitchstl`blocks.int.scheme-switch`shippedcalendarCalendarstl`blocks.int.calendar`shippedinput-otpInputOtpstl`blocks.int.input-otp`shippedsidebarSidebarstl`blocks.int.sidebar`shippedstacked-layout-interactiveStackedLayoutInteractivestl`blocks.int.stacked-layout-interactive`shippedcommand-paletteCommandPalettestl, runtime`blocks.int.command-palette`shippedtoastToaststl`blocks.int.toast`shippedcontext-menuContextMenustl`blocks.int.context-menu`shippedhover-cardHoverCardstl`blocks.int.hover-card`shippedresizableResizablestl`blocks.int.resizable`shippedmenubarMenubarstl`blocks.int.menubar`shippednavigation-menuNavigationMenustl`blocks.int.navigation-menu`shippedcarousel-interactiveCarouselInteractivestl`blocks.int.carousel-interactive`shippedratingRatingstl`blocks.int.rating`shippedfilter-chipsFilterChipsstl`blocks.int.filter-chips`shippedtable-of-contentsTableOfContentsstl`blocks.int.table-of-contents`shippedtree-viewTreeViewstl`blocks.int.tree-view`shippedbento-box-panel-interactiveBentoBoxPanelInteractivestl`blocks.int.bento-box-panel-interactive`shipped**Highlights:** scheme switch for light/dark toggle; command palette UI chrome; sidebar and navigation menus. Handbook: [docs/index.md](docs/index.md) · [27 component pages](docs/components.md). 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/ux-blocks-interactive ``` For the **complete official catalog**, use [`symfinity/ux-blocks-full`](https://github.com/symfinity/ux-blocks-full). See [Installation](docs/installation.md). Quick Start ----------- [](#quick-start) ``` Account ``` See [Quick start](docs/quickstart.md) for the full walkthrough. Documentation ------------- [](#documentation) - **[Quick start](docs/quickstart.md)** — minimal setup path - **[Installation](docs/installation.md)** — Flex, dependencies, verify - **[Configuration](docs/configuration.md)** — bundle and app options - **[Usage](docs/usage.md)** — day-to-day patterns - **[Upgrade](docs/upgrade.md)** — version migrations Requirements ------------ [](#requirements) - PHP 8.2 or higher - Symfony 7.4 or 8.x - `symfinity/ux-blocks-extended` ^0.1 Support ------- [](#support) - [GitHub Issues](https://github.com/symfinity/ux-blocks-interactive/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 interactivestimulussymfonysymfony-bundlesymfony-uxtwig-componentsux-blockssymfonysymfony-uxinteractiveSymfony Bundledesign-systemtwig-componentsstimulusux-blocks ### Code Quality TestsPHPUnit Static AnalysisPHPStan Type Coverage Yes ### Embed Badge ![Health badge](/badges/symfinity-ux-blocks-interactive/health.svg) ``` [![Health](https://phpackages.com/badges/symfinity-ux-blocks-interactive/health.svg)](https://phpackages.com/packages/symfinity-ux-blocks-interactive) ``` ### Alternatives [easycorp/easyadmin-bundle Admin generator for Symfony applications 4.3k17.5M376](/packages/easycorp-easyadmin-bundle)[symfony/ux-toolkit A tool to easily create a design system in your Symfony app with customizable, well-crafted Twig components 1682.8k1](/packages/symfony-ux-toolkit)[forumify/forumify-platform 122.0k12](/packages/forumify-forumify-platform)[2lenet/crudit-bundle The easy like Crud'it Bundle. 1615.6k12](/packages/2lenet-crudit-bundle)[symfony/ux-notify Native notification integration for Symfony 1284.8k](/packages/symfony-ux-notify) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)