Awesome Alpine

A rugged, minimal framework for composing JavaScript behavior in your markup.

A curated list of Alpine resources.

• Official Resources
• Articles
• Podcasts
• Videos & Screencasts
• Examples
• Extensions & Plugins
• Other

To contribute, fork this repository, add your new resource and submit a PR. For more information, see CONTRIBUTING.

Official Resources

• Alpine GitHub
• Alpine Twitter

Articles

• Introducing Alpine.js: A Tiny JavaScript Framework - Smashing Magazine
• Add Behavior To HTML Using Alpine.js – A Todo App
• Build a Dynamic Sign Up Form With Alpine.js - chasingcode.dev
• Alpine.js mixes Vue, React, and minimalism - Paul Krill / InfoWorld
• Alpine.js – A rugged, minimal framework for composing JavaScript behavior in your markup. - Bram Van Damme / bram.us
• Starting with AlpineJS - Thomas Toledo-Pierre
• A comparison of a simple app in Vue.js and Alpine.js - Liam Hall
• AlpineJS – a lightweight alternative to Vue - Ben Furfie
• Run AlpineJS inside of React - Hugo Di Francesco

Podcasts

• Alpine.js is like Tailwind CSS for JavaScript
• Caleb Porzio - Just Enough JavaScript with Alpine.js

Videos & Screencasts

• Alpine.js - a first look - Andre Madarang
• Building a progressive questionnaire with Alpine JS and Tailwind CSS - Ben Furfie
• JavaScript - Introduction to Alpine.JS - SkillBakery Studio
• Learn Alpine JS - Andre Madarang / Scrimba

Examples

• Alpine Toolbox - Amrit Nagi
• AlpineJS meets TailwindCSS - Caneco
• AlpineJS Playground - Hugo Di Francesco
• Click Speed Test - Luciano Felix
• Dynamic Form Fields - Sanjay Ojha

Extensions & Plugins

• Alpine.js IntelliSense - Extension for Visual Studio Code
• Spruce - a lightweight state management layer
• Alpine.js DevTools - Extension for Chrome and Firefox

Other

• Alpine.js Weekly - Newsletter