PHPackages                             jubeki/laravel-alpine-animations - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. jubeki/laravel-alpine-animations

ActiveLibrary[Templating & Views](/categories/templating)

jubeki/laravel-alpine-animations
================================

Provide Blade Component for customizable Alpine Animations

0.2.1(3y ago)72011MITBladePHP ^8.0

Since Mar 18Pushed 3y ago1 watchersCompare

[ Source](https://github.com/Jubeki/laravel-alpine-animations)[ Packagist](https://packagist.org/packages/jubeki/laravel-alpine-animations)[ Docs](https://github.com/Jubeki/laravel-alpine-animations)[ RSS](/packages/jubeki-laravel-alpine-animations/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (2)Versions (5)Used By (0)

Laravel Alpine Animations
-------------------------

[](#laravel-alpine-animations)

[![Packagist License](https://camo.githubusercontent.com/27441510261aae7ac41aeb130d74e46f2189220b762c7a5614b3985dea018ac0/68747470733a2f2f706f7365722e707567782e6f72672f4a7562656b692f6c61726176656c2d616c70696e652d616e696d6174696f6e732f6c6963656e73652e706e67)](http://choosealicense.com/licenses/mit/)[![Latest Stable Version](https://camo.githubusercontent.com/126f064fcd7aba441b30b0b684e7196b65b28fc33aa7a502222e9193765396a0/68747470733a2f2f706f7365722e707567782e6f72672f4a7562656b692f6c61726176656c2d616c70696e652d616e696d6174696f6e732f76657273696f6e2e706e67)](https://packagist.org/packages/jubeki/laravel-alpine-animations)

Installation
------------

[](#installation)

Require this package with composer.

```
composer require jubeki/laravel-alpine-animations
```

The service provider will be automatically registered using [package discovery](https://laravel.com/docs/5.8/packages#package-discovery).

If you don't use auto-discovery you should add the service provider to the providers array in `config/app.php`.

```
// existing providers...
Jubeki\AlpineAnimations\AlpineAnimationsServiceProvider::class,
```

The standard styles are written with Tailwind CSS. If you want to make sure that all the styles are added to your resulting CSS File you should add the following path to your `tailwind.config.js`:

```
module.exports = {
    content: [
        "./vendor/jubeki/laravel-alpine-animations/resources/**/*.blade.php"
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}
```

Usage
-----

[](#usage)

You can now start using all available components using the standard blade components syntax.

If a user doesn't have JavaScript enabled, then the default option will be shown.

Components
----------

[](#components)

### Typing

[](#typing)

[![](examples/typing-with-cursor.gif)](examples/typing-with-cursor.gif)

Minimal Example:

```

```

Maximal Example (with Default values):

```

```

[![](examples/typing-without-cursor.gif)](examples/typing-without-cursor.gif)

You can also disable the cursor altogether which leaves only the typing and deleting of characters:

```

```

### Magnetic

[](#magnetic)

Minimal Example:

```

    →

```

Maximal Example (with Default values, except `inner-class`):

```

    →

```

Change log
----------

[](#change-log)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](./.github/CONTRIBUTING.md) for details.

Credits
-------

[](#credits)

- [Julius Kiekbusch](https://github.com/Jubeki)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~115 days

Total

4

Last Release

1171d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/f6ba85ebcb93dc7d68094a7ab675156290b89f13453c8e63db8c3e8afc87d6ba?d=identicon)[Jubeki](/maintainers/Jubeki)

---

Top Contributors

[![Jubeki](https://avatars.githubusercontent.com/u/15707543?v=4)](https://github.com/Jubeki "Jubeki (13 commits)")

---

Tags

laravelcomponentsbladealpinejsAnimations

### Embed Badge

![Health badge](/badges/jubeki-laravel-alpine-animations/health.svg)

```
[![Health](https://phpackages.com/badges/jubeki-laravel-alpine-animations/health.svg)](https://phpackages.com/packages/jubeki-laravel-alpine-animations)
```

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k454.7k15](/packages/robsontenorio-mary)[area17/blast

Storybook for Laravel Blade

308664.1k](/packages/area17-blast)[ddfsn/blade-components

Blade Components is a hand-crafted, UI component library for building consistent web experiences in Laravel apps.

193.1k](/packages/ddfsn-blade-components)[electrik/slate

Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project

102.3k1](/packages/electrik-slate)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)