PHPackages                             plixus/twig-component-preview-bundle - 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. plixus/twig-component-preview-bundle

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

plixus/twig-component-preview-bundle
====================================

Symfony bundle for generating live preview interfaces for Twig Components with interactive forms and real-time updates

v1.0.1(11mo ago)0147MITPHPPHP >=8.1

Since Jun 8Pushed 11mo agoCompare

[ Source](https://github.com/plixus/twig-component-preview-bundle)[ Packagist](https://packagist.org/packages/plixus/twig-component-preview-bundle)[ Docs](https://github.com/plixus/twig-component-preview-bundle)[ RSS](/packages/plixus-twig-component-preview-bundle/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (13)Versions (3)Used By (0)

PlixusTwigComponentPreviewBundle
================================

[](#plixustwigcomponentpreviewbundle)

A Symfony bundle that automatically generates **live preview interfaces** for your Twig Components. Change form values and see your components update in real-time without page reloads.

🎯 What This Bundle Does
-----------------------

[](#-what-this-bundle-does)

- **Automatic Form Generation**: Create forms from your component properties using PHP attributes
- **Live Preview**: Real-time updates using Symfony Live Components - no custom JavaScript needed
- **Multiple Syntax Support**: Preview both `{{ component() }}` and `` syntax
- **Professional UI**: Swiss Design inspired interface with customizable CSS variables
- **Template Override**: Full customization via Symfony's template override system

🚀 Installation
--------------

[](#-installation)

```
composer require plixus/twig-component-preview-bundle
```

**Requirements:**

- Symfony 7.3+
- PHP 8.1+
- Symfony UX Twig Component
- Symfony UX Live Component

⚡ Quick Start (5 Minutes)
-------------------------

[](#-quick-start-5-minutes)

### Step 1: Create Your Component

[](#step-1-create-your-component)

First, create a regular Twig Component and mark it for preview with attributes:

```