Alpine.js Alpine.js adds reactive behavior directly in HTML markup using attributes. It's ideal for adding interactivity to server-rendered pages without a build step or SPA framework. Installation Core Directives Data Binding Loops Event Handling Component Patterns Reusable Data with Alpine.data Working with htmx Stores (Global State) Magic Properties Key Patterns - Use on a parent element to define reactive scope — everything inside shares that state - Use for toggling visibility (CSS), for conditional DOM insertion - Use for two-way binding on inputs, selects, checkboxes - Use event modifi…