alpinejs/alpine

Health v2 · maintenance only

Adoption not part of the score

31880 stars · 1387 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Alpine.js is a lightweight JavaScript framework for composing reactive behavior directly in HTML markup using declarative attributes like x-data, x-show, and x-on. It requires no build step and can be added to any page with a single script tag, offering a modern alternative to jQuery for interactive UIs.

Use cases

• add interactivity to server-rendered html without a build step
• build dropdowns, modals, and tabs with minimal javascript
• toggle element visibility and bind form inputs reactively
• replace jquery for small interactive ui behaviors
• sprinkle reactivity into a django, rails, or laravel app
• persist component state across page loads
• animate elements in and out with css transitions

When to choose

• you want lightweight interactivity without a bundler or build pipeline
• your app is mostly server-rendered and needs client-side sprinkles
• you prefer declarative behavior written directly in your markup
• you want a tiny runtime compared to react or vue

When to avoid

• you're building a large single-page application with complex routing and state
• you need a rich component ecosystem, devtools, or typescript-first tooling
• your team prefers a virtual-dom component model with jsx or sfc files
• you need strict CSP compliance without the separate csp build

Facets

framework · maturity active

frontend-framework state-management templating animation form-handling web-development frontend browser cross-platform reactive declarative lightweight no-build-step html-directives cdn sprinkles-of-javascript javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="alpinejs/alpine")