Skip to main content
Alpine.js logo

Alpine.js

Your new, lightweight JavaScript framework

Your new, lightweight JavaScript framework. A rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web.

28K
GitHub Stars
supported
TypeScript
easy
Learning Curve
4.6
DX Score

Pricing

Model
free
Free Tier
MIT licensed, fully open source

Features

  • 15 attributes, 6 properties, 2 methods
  • Declarative in-markup behavior
  • No build step required
  • x-data for reactive state
  • x-bind and x-on directives
  • x-model two-way binding
  • x-show and x-if conditionals
  • Global stores
  • Reusable components

Pros

  • + No build process needed
  • + Very easy to learn
  • + Perfect for enhancing HTML
  • + Works with any backend
  • + Great with Laravel/Rails

Cons

  • - Not for complex SPAs
  • - Limited component architecture
  • - No virtual DOM
  • - Inline JS in HTML

Best For

indie hacker hobbyist startup

Alternatives

frontend lightweight no-build progressive-enhancement htmx-friendly