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: 16 days 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/)