Alpine.js

A rugged, minimal framework for composing JavaScript behavior in your markup. (by alpinejs)

Stats

Basic Alpine.js repo stats
47
15,851
8.9
7 days ago

alpinejs/alpine is an open source project licensed under MIT License which is an OSI approved license.

Alpine.js Alternatives

Similar projects and alternatives to Alpine.js

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo hotwire-rails

    Use Hotwire in your Ruby on Rails app

  • GitHub repo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • GitHub repo htmx

    </> htmx - high power tools for HTML

  • GitHub repo hyperscript

    Create HyperText with JavaScript.

  • GitHub repo jQuery

    jQuery JavaScript Library

  • GitHub repo Svelte

    Cybernetically enhanced web apps

  • GitHub repo PostCSS

    Transforming styles with JS plugins

  • GitHub repo Brunch

    :fork_and_knife: Web applications made easy. Since 2011.

  • GitHub repo kit

    A monorepo for SvelteKit and friends (by sveltejs)

  • GitHub repo jetstream

    Tailwind scaffolding for the Laravel framework.

  • GitHub repo spruce

    A lightweight state management layer for Alpine.js. 🌲

  • GitHub repo alpine-magic-helpers

    A collection of magic properties and helper functions for use with Alpine.js

  • GitHub repo gomodest

    A complex SAAS starter kit using Go, the html/template package, and sprinkles of javascript.

  • GitHub repo Composer

    Dependency Manager for PHP

  • GitHub repo window.fetch polyfill

    A window.fetch JavaScript polyfill.

  • GitHub repo docsify

    🃏 A magical documentation site generator.

  • GitHub repo WordPress

    WordPress, Git-ified. This repository is just a mirror of the WordPress subversion repository. Please do not send pull requests. Submit pull requests to https://github.com/WordPress/wordpress-develop and patches to https://core.trac.wordpress.org/ instead.

  • GitHub repo Twig

    Twig, the flexible, fast, and secure template language for PHP

  • GitHub repo ructe

    Rust Compiled Templates with static-file handling

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better Alpine.js alternative or higher similarity.

Posts

Posts where Alpine.js has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-05-02.
  • A searchable database of over 3500 books written or translated by Sri Lankan authors
    reddit.com/r/srilanka | 2021-05-02
    It looks like Alpine.js + Tailwind CSS
  • How to structure your Alpine.js Code into modules
    dev.to | 2021-05-01
    I really love AlpineJS. It just got the right balance between ease of use & must-have JavaScript features. I like to think of it as a jQuery-alternative plus two-way bindings without the heavy load of a framework like Vue or React.
  • Building a Distributed Turn-Based Game System in Elixir
    news.ycombinator.com | 2021-04-29
    The LiveView is just a HTML page so you can have whatever CSS/JavaScript you like on the client side for animations and interactivity. Talking to the server is opt-in and you’d basically do it wherever you’d usually make an API call from React etc. The go-to for JS in LiveView seems to be Alpine (https://github.com/alpinejs/alpine) but I haven’t got around to trying that out myself yet.
  • Very small JavaScript frameworks?
    reddit.com/r/java | 2021-04-29
    Between htmx, webjars and the wro4j plugin mentioned above, I'm feeling pretty pumped about doing front-end web dev agin. I'm finding a few other frameworks, like unpoly and alpine that look interesting as well.
  • What are you using as a CSS Framework or CSS base for Django?
    reddit.com/r/django | 2021-04-23
    I've also tried out Alpine recently, and just want to warn folks to check the fine print. Alpine does its thing by evaluating strings into JavaScript, which may require setting unsafe-eval in a site's Content Security Policy (or CSP). See Alpine's README here for more.
  • Best complimentary JavaScript framework
    reddit.com/r/dotnet | 2021-04-21
    If you need little splashes of interactivity, I recommend Alpine.js or Knockout as your Javascript framework. Alpine.js is very similar to Vue, so learning one will transfer to the other.
  • _hyperscript: A jQuery and JavaScript Alternative
    news.ycombinator.com | 2021-04-21
    Neat, appears to occupy a similar niche as Alpine: https://github.com/alpinejs/alpine
  • ///_hyperscript
    Also in the same vein as hyperscript; check out Alpine.js: github.com/alpinejs/alpine
  • MPA with Vue. How does this work?
    reddit.com/r/vuejs | 2021-04-20
    If you go by I'd like to keep things as simple as possible keep all the logic and rendering in .net. For all the JS magic use vanilla JS. Or alpine.js; Angular/Vue like syntax for reacitve and tiny.
  • Using AlpineJS with Hotwire and Turbo in Rails [2021]
    dev.to | 2021-04-18
    With the addition of Hotwire in Rails comes the change of Turbolinks to Turbo. The change to Turbo doesn't break much with the exception of AlpineJS.
  • How to Create a Material Design Floating Label in Tailwind [2021]
    dev.to | 2021-04-14
    If you're not a fan of this approach I'd recommend combining the first custom plugin focusedSibling and using JavaScript, here's how I have achieved this effect in the past with Alpine.
  • Livewire Notifier
    dev.to | 2021-04-11
    Make sure that Livewire and Alpine.JS are installed properly. The easiest way to do it is to install Laravel Jetstream with Livewire stack (post-install command php artisan jetstream:install livewire).
  • Symfony UX Turbo: Do You Still Need JavaScript?!
    reddit.com/r/PHP | 2021-04-09
    The slides directly tell you that for webapps you should use JS. This isn't meant for webapps. This is to allow SSR based websites to have a lot of interact-ability with minimal or no JS. I think it's a solid idea and has a lot of use, but with that in mind I'm not sure why I'd use this over AlpineJS.
  • Ask HN: What novel tools are you using to write web sites/apps?
    news.ycombinator.com | 2021-04-04
    Fav thread ever!

    A good 5+ years ago I built HasGluten [1] with react backed by a google spreadsheet, hosted on github pages. Proven technology, it's still working.

    More recently I hacked together MultiPreview [2] with react + API served by firebase functions. I'm also temp using firebase hosting as I have little traffic, but plan to replace it with edge computing / CDN caching.

    MultiPreview is backed by Saasform [3]. This is more like a classic node/express (nestjs) application, but I really like how we're separating concerns: the SaaS = MultiPreview handles the biz logic / Saasform handles landing page + auth + payments.

    While building the new landing page I played with and liked a lot Bulma [4], I used but didn't like AlpineJS [5] and I'm thinking to move to Hotwire [6].

    My personal experience is that performance only matters when you're big enough, so in the near future I want to experiment more on usability / nocode side. And I'd love to see more open source alternatives to the big ones.

    [1] https://hasgluten.com

    [2] https://multipreview.com

    [3] https://github.com/saasform/saasform

    [4] https://bulma.io

    [5] https://github.com/alpinejs/alpine

    [6] https://hotwire.dev

  • Creating a Modal with Tailwind & AlpineJS
    dev.to | 2021-03-25
    If you haven't tried out Alpine before, it's a minimal JS framework with Vue like syntax that can be integrated into any website by just linking to the CDN.