# alpinejs/alpine

A rugged, minimal framework for composing JavaScript behavior in your markup.

Repository: https://github.com/alpinejs/alpine
Canonical: https://ross.abutalabs.com/products/alpine
Homepage: https://alpinejs.dev
Language: HTML
License: MIT
License Family: permissive
Last push: 2026-08-25T13:32:02+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 2470, "days_push": 8, "days_rel": 9, "gap_med": 9.0, "n_releases_24m": 25}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 31880, forks 1387 (observed 2026-08-28T04:11:57.224699+00:00)

## What it is
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
- artifact type: framework
- maturity: active
- function: frontend-framework, state-management, templating, animation, form-handling
- domain: web-development, frontend
- platform: browser, cross-platform
- tags: reactive, declarative, lightweight, no-build-step, html-directives, cdn, sprinkles-of-javascript, javascript

## Member repositories
- alpinejs/alpine (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:57.224699+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:52:13.810766+00:00, confidence not recorded.
  - readme: https://github.com/alpinejs/alpine (fetched 2026-08-28T04:11:57.224699+00:00, sha 88a796c1e830)
  - homepage: https://alpinejs.dev (fetched 2026-08-29T07:49:08.766727+00:00, sha ccbf654d2ff2)
  - site_page: https://alpinejs.dev/start-here (fetched 2026-08-29T07:49:08.775908+00:00, sha 76424e6fc75e)
- Data as of 2026-08-30T08:39:29.467469+00:00.