Alpine.js

Lightweight JavaScript framework that composes interactive behavior directly in your HTML markup. Add a script tag and start building dropdowns, modals, tabs, and reactive forms without a build step or heavy runtime.

Alpine.js is used by Linktr.ee, Mashable, Okta, and T-Mobile. It pairs well with server-rendered stacks such as Laravel, Rails, and Django, unlike Vue or React which typically expect a single-page architecture. At roughly 15 KB gzipped, it fills the gap between vanilla JS and full frameworks.

Key features:

• Declarative directives: x-data, x-show, x-model, x-for, x-on, x-transition
• Reactive bindings and computed properties via plain JavaScript getters
• Global stores and event dispatching for cross-component communication
• Works with any backend: CDN script or npm module
• No compilation required, plays well with existing server-rendered HTML

Developers choose Alpine when they need progressive enhancement instead of a full SPA: interactive search filters, collapsible sections, live form validation, and tabbed interfaces layered on top of server-rendered pages. It integrates smoothly with Tailwind CSS and is the default frontend for Laravel Livewire.