Draft:Alpine.js

{{AFC submission|d|nn|u=DaniloPoleno|ns=118|decliner=Significa liberdade|declinets=20250325012748|ts=20250324055124}}

{{Draft topics|software|computing|technology}}

{{AfC topic|other}}

Alpine.js is JavaScript framework for working with user interface. Alpine.js is easy-to-learn framework and him often compare with Vue.js and react, but they more harder than Alpine.js. With Alpine.js you easily handle events and work with DOM without manual updating it. First version was released in 2019.

class="infobox"
File:Alpinejs.png
Name

| Alpine.js

Type

| JavaScript framework

Developer

| Caleb Porzio

First version

| 2019

Latest version

| March 12, 2025; v3.14.9

License

| MIT

Usage

| Dynamic interaction with DOM, minimal alternative Vue.js

Code examples

Easy counter on Alpine.js:

Simple search input:

x-data="{

search: '',

items: ['foo', 'bar', 'baz'],

get filteredItems() {

return this.items.filter(

i => i.startsWith(this.search)

)

}

}"

>

References

{{reflist}}

== External links ==

  • {{Official website|https://alpinejs.dev/}}
  • [https://github.com/alpinejs/alpine Alpine.js code] on Git Hub
  • [https://medium.com/@ssbhattarai/alpine-js-a-modern-lightweight-javascript-framework-a-jquery-replacement-68faa791edbb Medium post about Alpine.js]