Alpine.js

Alpine.js is a rugged, minimal JavaScript framework for composing behavior directly in markup, created by Caleb Porzio, the developer behind the Laravel Livewire framework. The library positions itself as jQuery for the modern web, requiring only a single script tag to get started with no build step, no package manager, and no configuration. The entire framework consists of just 15 attributes, 6 reactive properties, and 2 methods, making it one of the most compact yet capable frontend tools available. The 15 directives include x-data for declaring component state, x-bind for dynamic attribute binding, x-on for event listening, x-text for text content binding, x-html for HTML content binding, x-model for two-way input synchronization, x-show for conditional visibility, x-transition for animated transitions, x-for for list iteration, x-if for conditional rendering, x-init for initialization callbacks, x-effect for reactive side effects, x-ref for direct DOM references, x-cloak for preventing flash of unstyled content, and x-ignore for disabling processing. The reactive system automatically tracks dependencies and updates the DOM when data changes, while the x-data directive scopes state to a block of HTML, creating isolated component boundaries without JavaScript modules. Alpine.js integrates seamlessly with server-rendered HTML from frameworks like Laravel, Rails, Django, and Phoenix, adding interactivity where needed without requiring a full client-side rewrite. The official plugin ecosystem extends capabilities with plugins for focus management, masking inputs, keyboard shortcuts, collapsibles, tooltips, and internationalization. The project is open source on GitHub under the MIT license with an active community on GitHub Discussions and social media.