Updated

Technology · Web Development

Alpine.js

alpinejs.dev
Open source

Alpine.js is a rugged, minimal framework for composing JavaScript behavior in your markup. It offers a declarative way to add interactivity to web pages with a syntax inspired by Vue.js and Angular. Alpine.js is designed to be a lightweight alternative to larger frameworks, perfect for adding dynamic behavior to mostly static sites or enhancing server-rendered applications. Its small size and lack of build steps make it easy to drop into any project, while its expressive syntax allows for quick implementation of common UI patterns. Alpine.js is particularly useful for developers who want to add interactivity without the overhead of a full-fledged JavaScript framework.

Alpine.js belongs toJavaScript frameworkscategory.

33websites

use it — 1.3% of the 2,555 websites we scanned in the last 12 months

#10of 43

tools in its category seen in our scans (we recognize 90)

12public pages

on UptimeCard — open any of them to see how that site is doing

1.8% of all websites we track run Alpine.js

At a glance

UptimeCard's own scans and tests of 2,555 websites · refreshed weekly

How Alpine.js sites scoreout of 100 · hover or tap a score for details

53PerformanceLowaverage site: 5089AccessibilityGoodaverage site: 8995Best practicesGoodaverage site: 9392SEOGoodaverage site: 92

Page load time

Loads about as fast as the average site

Alpine.js sites
4.5 s
All sites
4.3 s

Most Alpine.js sites load in 3.1–5.2 s. Home page weight: 2.8 MB vs 3.3 MB for all sites. 12 public sites measured.

Who uses it?

Technology and Software is the biggest group

Technology and Software67%
Business Services17%
News and Media8%
Other8%

Share of 12 classified public sites. “× average” compares with all 961 public sites.

How Alpine.js sites are built

Closest partners. The number says how many times more often the tool runs on Alpine.js sites than on an average website. Hover a partner for its share of sites.

Tailwind CSS4×Unpkg4×Cloudflare Browser Insights2×Varnish2×

Stacks we see most. Tools that tend to run together with Alpine.js on the same websites. The percentage is the share of all 33 Alpine.js sites that run the whole stack.

4 stacks · swipe, drag or use the arrows
#1

Alpine.js + Cloudflare + Tailwind CSS

21.2%7 of 33 sites
#2

Alpine.js + Cloudflare + OneTrust

21.2%7 of 33 sites
#3

Alpine.js + Cloudflare + Craft CMS + Yii

12.1%4 of 33 sites
#4

Alpine.js + Cloudflare + Unpkg

12.1%4 of 33 sites

Usually installed alongside

The bigger the bubble, the more of the 33 Alpine.js sites also run the tool. Colour shows what the tool does. Hover or tap a bubble for details.

Google Tag Manager79%Google Analytics61%Facebook Pixel27%Cloudflare Browser Insights21%OneTrust27%Microsoft Advertising24%Varnish15%HubSpot12%SEOmatic12%Cart Functionality9%
Tag managerAnalyticsCookie consentAdvertisingSpeed and cachingMarketingSearch visibilityOnline store

Similar tools in its category

JavaScript frameworks: 90 tools known, 43 seen in our scans

How websites combine Alpine.js with other tools

Relationships found on the websites that use it, from the same map status pages show.

Complements another tool 14Overlaps with another 4Integrates with another 2

Websites using Alpine.js

33 websites use Alpine.js: 1.3% of the 2,555 websites we scanned in the last 12 months. A selection is shown below.

Scores are out of 100: P Performance · A Accessibility · B Best practices · S SEO. Green 80+, yellow 65–79, orange 50–64, red below 50. The dot shows whether our last scan found the site failing (red) or not (green); Red, amber or blue: an active incident on the site's status page (outage, degraded, maintenance) or a failing scan; amber also means a certificate ending within 30 days. Hover the dot for details.

Questions about Alpine.js

How many websites use Alpine.js?
We found Alpine.js on 33 of the 2,555 websites we scanned in the last 12 months (1.3%). 12 of them have a public status page.
What is Alpine.js often used with?
Among the websites we scan, Alpine.js is often found alongside Google Tag Manager (78.8% of its sites), Cloudflare (54.5% of its sites), PHP (51.5% of its sites).
What are the alternatives to Alpine.js?
Other JavaScript frameworks we recognize include React, Next.js, Vue.js, GSAP.

Is your website built with Alpine.js?

UptimeCard checks it around the clock, tells you the minute it stops answering, and gives your visitors a status page.