← All libraries

Alpine.js

JavaScript
↗ Official site

Utilities & helpers

Tiny JavaScript framework for adding interactivity to HTML — no build step needed.

What it does

Alpine.js lets you add dropdowns, tabs, toggles, and other interactive behavior directly in your HTML using special attributes. No build step, no React — just sprinkle it in.

When to use it

Use this when you need simple interactivity (tabs, toggles, dropdowns) without adding React or Vue.

Real example

You have a static FAQ page and want accordion open/close behavior without installing React. Prompt: 'Add Alpine.js via CDN. On each .faq-item div add x-data="{ open: false }". On the question button add @click="open = !open". On the answer div add x-show="open" x-transition.'

Good to know

Perfect for Astro, static sites, and anything where you want behavior without a full JS framework.

Alternatives

htmx React

Install

$ npm install alpinejs

Use cases

interactivitytabsdropdowntogglestatic site

Language

JavaScript

Category

Utilities & helpers

More in Utilities & helpers

Other tools in the same category