Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/imliam/awesome-livewire

🚀 A curated list of awesome resources related to Livewire. https://github.com/livewire/livewire
https://github.com/imliam/awesome-livewire

List: awesome-livewire

Last synced: 3 months ago
JSON representation

🚀 A curated list of awesome resources related to Livewire. https://github.com/livewire/livewire

Awesome Lists containing this project

README

        

# Awesome Livewire [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

> A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

A curated list of [Livewire](https://github.com/livewire/livewire) resources.

![composer require livewire/livewire](screenshot.png)

* [Official Resources](#official-resources)
* [Articles](#articles)
* [Podcasts](#podcasts)
* [Videos & Screencasts](#videos--screencasts)
* [Examples](#examples)
* [Packages & Plugins](#packages--plugins)
* [Snippets](#snippets)
* [Tooling](#tooling)
* [Other](#other)

To contribute, fork this repository, add your new resource and submit a PR. For more information, see [CONTRIBUTING](/CONTRIBUTING.md).

## Official Resources

* [Livewire Website](https://laravel-livewire.com/)
* [Livewire Forum](https://forum.laravel-livewire.com/)
* [Livewire GitHub](https://github.com/livewire/livewire)
* [Livewire Twitter](https://twitter.com/LaravelLivewire)

## Articles

* [Replacing web sockets with Livewire](https://freek.dev/1622-replacing-web-sockets-with-livewire) (Freek Van der Herten)
* [Inertia.js and Livewire: a high level comparison](https://sebastiandedeyne.com/inertia-js-and-livewire-a-high-level-comparison/) (Sebastian De Deyne)
* [Building complex forms with Laravel Livewire in Oh Dear](https://freek.dev/1609-building-complex-forms-with-laravel-livewire-in-oh-dear) (Freek Van der Herten)
* [Building a realtime dashboard powered by Laravel, Livewire and Tailwind](https://freek.dev/1645-building-a-realtime-dashboard-powered-by-laravel-livewire-and-tailwind-2020-edition) (Freek Van der Herten)
* [Create a Phone Dialer App in PHP with Laravel Livewire and Twilio Voice](https://www.twilio.com/blog/create-phone-dialer-app-php-laravel-livewire-twilio-voice)
* [Livewire CRUD Application for Beginner](https://khemputhea.com/2022/4/laravel-liveiwre-crud-application-for-beginner)
* [How to build modals with Laravel and Livewire](https://philo.dev/laravel-modals-with-livewire/) (Philo Hermans)
* [Laravel Batches and real-time progress with Livewire](https://philo.dev/laravel-batches-and-real-time-progress-with-livewire/) (Philo Hermans)
* [Getting started with Laravel Spotlight](https://philo.dev/getting-started-with-laravel-spotlight/) (Philo Hermans)

## Podcasts

* [Official Livewire Podcast](https://laravel-livewire.com/podcast)
* [Launching Livewire at Laracon](https://noplanstomerge.simplecast.com/episodes/launching-livewire-at-laracon) (No Plans to Merge)
* [We Brainstorm Insanely Cool Livewire Things](https://noplanstomerge.simplecast.com/episodes/we-brainstorm-insanely-cool-livewire-things) (No Plans to Merge)

## Videos & Screencasts

* [Official Livewire Screencasts](https://laravel-livewire.com/screencasts/installation)
* [Introducing: Livewire](https://www.youtube.com/watch?v=fX1aOWWt2nQ) (Laracon 2019)
* [Building Data-Tables with Livewire](https://laracasts.com/series/guest-spotlight/episodes/3) (Laracasts)
* [Headless Livewire](https://laracasts.com/series/guest-spotlight/episodes/10) (Laracasts)
* [Getting started with Laravel Livewire](https://codecourse.com/courses/getting-started-with-laravel-livewire) (CodeCourse)
* [Livewire for Laravel](https://www.youtube.com/watch?v=fhKcI3HAP98) (Andre Madarang)
* [Should I, as a Laravel Developer, learn Vue or Livewire?](https://www.youtube.com/watch?v=3XS4G0IHN4U) (Matt Stauffer)
* [How to build a contact form with Laravel Livewire](https://www.youtube.com/watch?v=Qljh8w5YX44) (Stefen Bauer)
* [Real-time Livewire w/ Laravel Echo & Pusher](https://calebporzio.com/video-realtime-livewire-w-laravel-echo-pusher) (Caleb Porzio)
* [Live-Updating Status Page with Livewire](https://calebporzio.com/live-updating-status-page-with-livewire) (Caleb Porzio)

## Examples

* [Nova Packages](https://github.com/tightenco/novapackages) (full app)
* [Dependant Select](https://github.com/asantibanez/livewire-dependant-select-demo)
* [To-do List](https://github.com/aleksandertabor/todo)
* [Base Admin Panel](https://github.com/alighasemzadeh/bap)

## Packages / Plugins

* [Livewire VueJS Support](https://github.com/livewire/vue)
* [Livewire Turbolinks Support](https://github.com/livewire/turbolinks) (for v2)
* [Livewire Sortable](https://github.com/livewire/sortable)
* [Livewire Calendar](https://github.com/asantibanez/livewire-calendar)
* [Livewire Resource Time Grid](https://github.com/asantibanez/livewire-resource-time-grid)
* [Livewire Status Board](https://github.com/asantibanez/livewire-status-board)
* [Livewire Select](https://github.com/asantibanez/livewire-select)
* [Livewire Dynamic Tables](https://github.com/rappasoft/laravel-livewire-tables) (Datatables)
* [Livewire Portals](https://github.com/jeffochoa/livewire-portals)
* [Livewire Smart Tables](https://github.com/tkaratug/livewire-smart-table) (Datatables)
* [Statamic Livewire](https://github.com/jonassiewertsen/statamic-livewire) (Antlers templating compatibility)
* [TALL Forms](https://github.com/tanthammar/tall-forms)
* [Livewire Datatables](https://livewire-datatables.com/)
* [Laravel Views](https://github.com/Gustavinho/laravel-views) (Datatables with Livewire)
* [Livewire PowerGrid](https://github.com/Power-Components/livewire-powergrid) (Datatables)
* [TALL CRUD Generator](https://github.com/ascsoftw/tall-crud-generator)
* [WireUI](https://livewire-wireui.com/) (Components built with alpine.js and tailwind)
* [Livewire Editor.js](https://github.com/maxeckel/livewire-editorjs)
* [Wire Elements Pro](https://wire-elements.dev/pro) (Paid)
* [Wire Elements Modal](https://github.com/wire-elements/modal)
* [Wire Elements Spotlight](https://github.com/wire-elements/spotlight)

## Snippets

* [Trigger update methods for nested values](https://gist.github.com/imliam/3709ceafb0bd60ea8026b5c936f591ac) (Trait)

## Tooling

* [Livewire Goto](https://marketplace.visualstudio.com/items?itemName=lennardv.livewire-goto-updated) (VSCode Extension)
* [Livewire Docs](https://marketplace.visualstudio.com/items?itemName=austenc.livewire-docs) (VSCode Extension)
* [Alfred Livewire Docs](https://github.com/AlexMartinFR/alfred-livewire-docs) (Alfred Workflow)
* [Laravel Debug Bar](https://github.com/barryvdh/laravel-debugbar) (supports Livewire)
* [Pest Higher-Order Livewire Testing](https://pestphp.com/docs/plugins/livewire/)
* [Livewire Devtools](https://github.com/beyondcode/livewire-devtools) (Browser Extension)

## Other

* [Livewire Discord Server](https://discord.gg/livewire)
* [TALL Preset (TailwindCSS, AlpineJS, Laravel and Livewire)](https://github.com/laravel-frontend-presets/tall/)