27 Repositories
JavaScript alpine-parent Libraries
Useful JavaScript base classes for efficient and quick solutions to common problems.
JavaScript Base Classes You can find the full documentation on the website. Description Useful JavaScript base classes for efficient and quick solutio
Easy to use and flexible router for Alpine.js
alpinejs-router Easy to use and flexible router for Alpine.js Installation npm npm install @shaun/alpinejs-router yarn yarn add @shaun/alpinejs-router
Alpine.js wrapper for @formkit/auto-animate.
๐ซ Alpine AutoAnimate ๐ซ An Alpine.js wrapper for @formkit/auto-animate. ๐ Installation CDN Include the following script tag in the head of your
Straightforward interactive HTTP requests from within your Alpine.JS markup
Alpine Fetch Straightforward interactive HTTP requests from within your Alpine.JS markup. View the live demo here What does this do? Alpine.JS is a ru
Little Alpine.js plugin to add a typewriter effect to any HTML element.
โจ๏ธ Alpine Typewriter โจ๏ธ An Alpine.js plugin to add a typewriter effect to any HTML element. ๐ Installation CDN Include the following script tag in
Alpine.js Language Features (Volar) extension for coc.nvim
[Experimental] coc-volar-alpinejs fork from vscode-alpine-language-features Alpine Language Features extension for coc.nvim Note @volar/alpine-languag
๐ฆ Alpine JS plugin to extend the functionality of the official $persist plugin
Alpine JS Persist Extended Alpine JS magic method $storage extends the official $persist plugin to help you work with local storage ๐ฆ Example ๐ div
Multi-step wizard helpers for Alpine.js
Alpine Wizard This package provides an Alpine directive (x-wizard) and a magic helper ($wizard) that allow you to quickly build multi-step wizards usi
E-commerce website using Laravel, Tailwindcss and Alpine.js
About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie
IntelliSense for Alpine.js
IntelliSense for Alpine.js Features Provides syntax highlighting for Alpine.js directives along with autocomplete for all base directives and modifier
A simple library for handling keyboard shortcuts with Alpine.js.
โจ Help support the maintenance of this package by sponsoring me. Alpine.js Mousetrap A simple library for handling keyboard shortcuts with Alpine.js.
โ๏ธ A little Alpine.js plugin to automatically resize a textarea to fit its content.
โ๏ธ Alpine Autosize โ๏ธ A little Alpine.js plugin to automatically resize a textarea to fit its content. ๐ Installation CDN Include the following scri
A clean integration between Cleave.js and Alpine. โจ
โจ Help support the maintenance of this package by sponsoring me. Alpine Mask This packages provide a custom x-mask directive and $mask magic variable,
Adds a handy $parent magic property to your Alpine components.
โจ Help support the maintenance of this package by sponsoring me. Alpine $parent Access parent components using a handy $parent magic variable. This pa
โฑ Simple Alpine.js plugin to display the human-readable distance between a date and now.
โฑ Alpine TimeAgo โฑ An Alpine.js plugin to return the distance between a given date and now in words (like "3 months ago", "about 2 hours ago" or "in a
Animate your Alpine components.
Animate your Alpine components ๐ This package provides you with a simple helper to animate your ALpine.js components. Installation The recommended wa
Create coupled parent-child component pairs with composition API.
vue-coupled Background See discussion here. This package serves as a POC that: Allows any level of component encapsulation for child components. Suppo
Eine einfache Mรถglichkete Tailwindcss und Alpine.js mit REDAXO zu nutzen
TAR - Tailwindcss - Alpine.js - REDAXO Eine einfache Mรถglichkeit REDAXO mit Tailwindcss zu nutzen Installation: yarn install oder npm install Die gewรผ
Create reusable components with Alpine JS reactivity ๐ฆ
Apline JS Component Create reusable HTML components sprinkled with Alpine JS reactive data ๐ง Example ๐ Page We can render on page components by usin
Add focal point alignment of images to your Alpine 3.x components with a custom directive.
Alpine Focal Add focal point alignment of images to your Alpine 3.x components with a custom directive. This package only supports Alpine v3.x. About
Persisted global stores for Alpine 3.x.
โจ Help support the maintenance of this package by sponsoring me. Fern Persisted global stores for Alpine 3.x. Installation Since Fern directly extends
๐ฆ A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
jquery.adaptive-backgrounds.js A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.
Landing page starter
๐ Fresh Fresh is a free landing page starter built by cssninjaStudio. โ๏ธ preview Check out the live demo by clicking here. Fresh is built with Bulma
๐โโ๏ธ 3kb library for tiny web apps
3kb library for tiny web apps. Sometimes, all you want to do is to try and do somethingโNo boilerplate, bundlers, or complex build processes. Lucia ai
A rugged, minimal framework for composing JavaScript behavior in your markup.
Alpine.js Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM,
๐โโ๏ธ 3kb library for tiny web apps
3kb library for tiny web apps. Sometimes, all you want to do is to try and do somethingโNo boilerplate, bundlers, or complex build processes. Lucia ai
A rugged, minimal framework for composing JavaScript behavior in your markup.
Alpine.js Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM,