Skip to main content

Code splitting and lazy-loading components for Alpine.js!

What is it?

Async Alpine is a wrapper around the Alpine.js JavaScript framework that allows you to load components asyncronously on-demand.

Alpine.js is a fantastic framework but with a large site with lots of components, the bundle size can start to become a performance problem!

Async Alpine allows you to split your components into multiple component files and only load them when they're needed, speeding up your first load!

Async Alpine in the wild

These are a few great examples of websites using Async Alpine!

Have you built a site with Async Alpine and want to show it off? Let us know!