Alpine.js

The Minimal JavaScript Framework that Works in the Real World.

Get Started

A Lightweight Alternative to Big Frameworks

No build steps, no configuration, just HTML-based JavaScript.

Reactive Data

Detect changes in your DOM and keep your data in sync automatically. Use x-data and x-bind to create reactive state.

Declarative Syntax

Write clean, HTML-friendly expressions with @ directives and watch your app come to life with minimal complexity.

Lightweight

Less than 10KB and zero dependencies. Works instantly in production without complex builds or bundling.

Try It Live

Counter Example

Try modifying the buttons or background colors in the Playground

Trusted by Thousands

Used in production by companies and open source projects globally. Alpine powers thousands of high-traffic websites and complex SPAs.

  • Easy to learn for developers of all skill levels
  • Works seamlessly with any backend framework
  • Maintained by an active open-source community
  • Perfect for form validation and DOM interactivity

Why Choose Alpine?

Instant setup, no configuration
Zero third-party build tools
Works in legacy browsers

Build Interactive UIs the Simple Way

No configuration. No build step. Just clean, elegant interactivity directly in your HTML.

Start Coding