smnandre/symfony-ux-skills

LiveComponent builds reactive server-rendered UI in Symfony UX that re-renders over AJAX when users interact. Use it for live search, inline validation, dependent selects, auto-save, polling, and other components that update from user input.

Stimulus connects JavaScript controllers to server-rendered HTML with data attributes. Use it for click and input handling, toggles, modals, tabs, keyboard shortcuts, outlets, and wrapping third-party libraries in Symfony UX.

Symfony UX helps choose between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map for a Symfony frontend. Use it when you need help picking the right tool or combining several UX packages.

Turbo provides Hotwire Turbo for Symfony UX with Drive, Frames, and Streams. Use it for AJAX navigation, lazy-loaded sections, inline editing, pagination without reload, modals from the server, and real-time updates.

Twig Component creates reusable server-rendered UI components with PHP classes and Twig templates. Use it for props, slots, computed properties, or Twig-only components when building buttons, cards, alerts, and other shared UI elements.

UX Icons renders local and Iconify SVG icons in Twig templates. Use it to display, style, alias, import, or lock icons for production.

UX Map adds interactive maps to Symfony with Leaflet or Google Maps. Use it to render markers, shapes, routes, and map events, or to make maps reactive with LiveComponent.