All Demos

Auto-Validating Form

Create a form that validates each field in-real-time as the user enters data!

form validation inline

Infinite Scroll - 1/2

Load more items as you scroll down the page.

pattern pagination navigation

LiveMemory Card Game

A Memorable Game UX with Live Components!

game time events LiveAction

Embedded CollectionType Form

Create embedded forms with functional "add" and "remove" buttons all in Twig.

form collection

Dependent Form Fields

After selecting the first field, automatically reload the options for a second field.

form field events

Up & Down Voting

Save up & down votes live in pure Twig & PHP.

form LiveAction

Inline Editing

Activate an inline editing form with real-time validation.

form inline LiveAction

Auto-Updating Chart

Render & Update a Chart.js chart in real-time.

chart data LiveAction stimulus

Invoice Creator

Create an invoice + line items that updates as you type.

form entity events LiveAction

Product Form + Category Modal

Create a Category on the fly - from inside a product form - via a modal.

form entity events modal

Uploading files

Upload file from your live component through a LiveAction.

form file upload LiveAction