Skip to main content

Command Palette

Search for a command to run...

How to AlpineJS

Reusable components for any web framework

Updated
•1 min read•View as Markdown
How to AlpineJS

If you haven't tried Alpine.js yet you are missing out on the fun side of Javascript.

Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going.

This post was inspired by Svelta, a copy-paste component library I made for Svelte(worth checking it out if you are using Svelte/SvleteKit).

I am in the process of rewriting those components and so instead of depending on Svelte for certain functionality, I decided to try Alpine.js. This way, you can still use the components in any framework.

In this series, I will share some tips on how to build simple components using this tiny but powerful framework, and hopefully, you may find some of it handy.

Continue reading...