Tutorials and Courses
- Github repository – This is the main repository of the framework and it offers basic document of how to use it.
- Scrimba – This course will teach you the basics of AlpineJS in less than an hour. It contains 17 interactive screencasts. You will learn to implement dropdown, modals, sudebar, tabs, image selection, scroll detection, accordion, and more.
- Alpine.js Playground – Learn AlpineJS with a list of examples.
- alpinejs-devtools – It is a simple extension to help you debug Alpine.js apps easily. There are both Chrome and Firefox extensions.
- alpine-test-utils – This library allows you to quickly and easily write tests for Alpine.js apps via Node.js. That means you can use any testing library such as AVA, Tape, Mocha, Jest or whatever other testing library you enjoy using.
- Spruce – Spruce is a lightweight state management layer for Alpine.js. Since Alpine.js is designed to be a simple and light, this state management solution is as simple.
- VSC’s Alpine.js IntelliSense – This extension for VS Code offer simple IntelliSense & Snippets for Alpine.js framework.
Boilerplates / Themes
- tall – A front-end preset for Laravel to scaffold an application using the TALL stack. which are Tailwind CSS, Alpine.js, Laravel, and Livewire.
- axiom – Axiom is a powerful, high performance, modular Hugo theme which uses AlpineJS.
- MountainBreeze – This is a WordPress theme for the modern web developer with both Tailwind CSS and Alpine JS baked in.