Symfony htmx-bundle Demo

htmx-bundle Demo

This demo application showcases the features of the htmx-bundle for Symfony.

htmx-bundle Demo Source

Available Demos

Simple Page

Navigate between pages without full reloads using partial HTML.

Try it

Form Handling

Async form submission with validation and proper HTTP status codes.

Try it

Infinite Scroll

Load more content as you scroll with hx-trigger="revealed".

Try it

Active Search

Real-time search with debouncing using delay:300ms.

Try it

Click to Edit

Inline editing of fields without page reload.

Try it

Live Polling

Auto-refresh stats every 2s with hx-trigger="every 2s".

Try it

Delete Confirm

Delete with confirmation dialog and toast notifications via HX-Trigger.

Try it

Cascading Selects

Dependent dropdowns - select country to load cities dynamically.

Try it

Features Demonstrated

  • HtmxRequest injection for detecting htmx requests
  • HtmxResponse and HtmxResponseBuilder for building responses
  • #[HtmxOnly] attribute for htmx-only endpoints
  • htmx_csrf_meta() and htmx_csrf_headers() for CSRF protection
  • Block rendering for partial updates
  • Trigger events for client-side notifications