Alpine.js
Stimulus
DISCONTINUED
Our great sponsors
Alpine.js | Stimulus | |
---|---|---|
138 | 0 | |
20,747 | 10,061 | |
2.5% | - | |
9.4 | 6.0 | |
5 days ago | over 1 year ago | |
HTML | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Alpine.js
-
Should I learn mithril in 2022?
Do you specifically need a SPA (Single Page App) framework? If so then mithril is decent. If you are instead doing a MPA (Multi Page App), you could look at something like Alpine.js.
-
I made a Tailwind color gradient generator
I wanted to make a custom gradient for a client, but found it very annoying to do manually, so I found the Color.js library and used that together with Alpine.js to make this little tool:
-
Are Web Components production ready in 2022? Or should I stick with React, Vue, or some other alternatives? As well as other tips for creating scalable and maintainable design library
My go-to these days is AlpineJS since it's familiar enough due to being designed after Vue, no shadow DOM and no scoped styles to deal with, and lightweight. I'd probably just bundle them into components using bind. You can use modules and import an AlpineJS CDN in your AlpineJS components, which you can serve from a CDN if you wanted.
-
My thoughts on Mithril.js
Having (real) components, sets it apart from other no-build / small runtime frameworks (like Alpine.js and Vue-Petite), because this allows for the creation of advanced full-size SPAs.
-
Which technology has overtaken jQuery?
However, since bootstrap is the css of jQuery, Tailwind is the css of Alpine js, And since tailwind is an alternative for bootstrap, then alpine is said to be the alternative to jQuery.
-
JSONPath with Alpine.js CSP build in Postman Visualizer
Then I thought this is a good opportunity of being a smart ass and implement it with Alpine.js, and it was just a messโbut I found out a few things.
-
Tasty Vanilla JS - 4 tips
Mini-frameworks like AlpineJS, Vue-Petite, and Stimulus exist exactly to fill this space. But whenever I consider reaching for one of these, I usually find that the job can just as easily be done in Vanilla JS. And if it can't, it typically requires the big-framework-X anyway.
- How to update values visually
-
Building a fullstack app with Flask and HTMx
I was going by Github language stats indicating 90% HTML / 10% JS https://github.com/alpinejs/alpine
-
Update a single div on a page?
The other poster's answer covers htmx. Another approach is to use alpine.js, which is a minimal JS library. Regardless, if you want to fetch data without a full page refresh, you have to use AJAX.
Stimulus
We haven't tracked posts mentioning Stimulus yet.
Tracking mentions began in Dec 2020.
What are some alternatives?
Svelte - Cybernetically enhanced web apps
petite-vue - 6kb subset of Vue optimized for progressive enhancement
htmx - </> htmx - high power tools for HTML
React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js - ๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
jQuery - jQuery JavaScript Library
Mithril.js - A JavaScript Framework for Building Brilliant Applications
hotwire-rails - Use Hotwire in your Ruby on Rails app
knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript
Preact - โ๏ธ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.