alpine-collective / Awesome
🚀A curated list of awesome resources related to Alpine.
Stars: ✭ 502
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Awesome
dababy
Data binding so simple even DaBaby could do it!
Stars: ✭ 27 (-94.62%)
Mutual labels: dom, alpine
Eslint Plugin Testing Library
ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library
Stars: ✭ 384 (-23.51%)
Mutual labels: dom
Ijk
Transforms arrays into virtual dom trees; a terse alternative to JSX and h
Stars: ✭ 452 (-9.96%)
Mutual labels: dom
Webappsec Trusted Types
A browser API to prevent DOM-Based Cross Site Scripting in modern web applications.
Stars: ✭ 424 (-15.54%)
Mutual labels: dom
Js Tracker
A chrome extension tracks front-end JavaScript that uses DOM / jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) at runtime.
Stars: ✭ 387 (-22.91%)
Mutual labels: dom
Anglesharp
👼 The ultimate angle brackets parser library parsing HTML5, MathML, SVG and CSS to construct a DOM based on the official W3C specifications.
Stars: ✭ 4,018 (+700.4%)
Mutual labels: dom
Shoestring
A lightweight, simple DOM utility made to run on a tight budget.
Stars: ✭ 447 (-10.96%)
Mutual labels: dom
Hrjs
🔄 Tiny JavaScript plugin for highlighting and replacing text in the DOM
Stars: ✭ 420 (-16.33%)
Mutual labels: dom
Uwsgi Nginx Docker
Docker image with uWSGI and Nginx for applications in Python 3.5 and above and Python 2.7 (as Flask) in a single container. Optionally with Alpine Linux.
Stars: ✭ 466 (-7.17%)
Mutual labels: alpine
Alpine Magic Helpers
A collection of magic properties and helper functions for use with Alpine.js
Stars: ✭ 418 (-16.73%)
Mutual labels: alpine
Bunny
BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.
Stars: ✭ 473 (-5.78%)
Mutual labels: dom
Awesome Alpine
A rugged, minimal framework for composing JavaScript behavior in your markup.
A curated list of Alpine resources.
To contribute, fork this repository, add your new resource and submit a PR. For more information, see CONTRIBUTING.
Official Resources
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 Alpine.js inside of React - Code with Hugo
- Build an RSS reader with Alpine.js - Codecourse
- Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS - CSS Tricks
- Practical Alpine.js: x-data data access & data fetching examples - Code with Hugo
- Synchronize x-data and the URL in Alpine.js with the location/History APIs and $watch - Code with Hugo
- Creating Custom Magic Variables in Alpine.js - Ryan Chandler
- Writing Reusable Alpine Components - Ryan Chandler
- Authoring progressive enhanced fragments with Alpine - Nicolás Delfino
- Build a Remaining Character Count Component with Alpine.js - Ryan Chandler
- How to Use Cookies With AlpineJS - Peter Thaleikis
Podcasts
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
- Learn Alpine.js - Codecourse
- Alpine.js Essentials - Jeffrey Way / Laracasts
- Sprinkle declarative, reactive behaviour on your HTML with Alpine JS - Simon Vrachliotis
Examples
- Alpine Toolbox - Amrit Nagi
- AlpineJS meets TailwindCSS - Caneco
- Alpine.js Playground - Hugo Di Francesco
- Alptail: Alpine.js + TailwindCSS Components - Daniel Palmer
- Click Speed Test - Luciano Felix
- Dynamic Form Fields - Sanjay Ojha
- Ridge.css - A maximalist css framework with Alpine.js markup - Sean Walker
- Progressive enhancement with Alpine.js - Cart fragment example
- LittleBigTable - A flexible Alpine.js table
- NESHouse.com —— An open source implementation of ClubHouse
- AlpineTrails - Alpine.js and Tailwind CSS adventures from the house of LUBUS
Extensions & Plugins
- Alpine.js IntelliSense - Extension for Visual Studio Code
- Spruce - a lightweight state management layer
- Alpine.js DevTools - Extension for Chrome and Firefox
- Alpine.js Magic Helpers - A collection of magic properties and helper functions for use with Alpine
- Alpine Test Utils - Utilities for testing Alpine.js components
Other
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].