Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Can Filament be used with Vue.js instead of Livewire
    Laravel Livewire


Can Filament be used with Vue.js instead of Livewire


Filament can be used with Vue.js instead of Livewire, but it may require some additional setup and customization:

- Filament is primarily designed to work with Livewire, which is a Laravel package that adds real-time, reactive functionality to your application. Using Vue.js would require integrating it with Filament's components and workflows[1][4].

- There are some third-party plugins available that aim to make it easier to use Vue.js with Filament, such as the "Versionable" plugin by Mansoor Khan[1]. However, these plugins may not have the same level of support and integration as Filament's official Livewire components.

- In a YouTube tutorial, a developer demonstrates building a mini blog using Vue.js and Filament 3[2]. This suggests it is possible to use them together, but likely requires more manual configuration compared to using Livewire.

- When using Vue.js with Filament, you would need to ensure proper browser compatibility by configuring Babel and polyfills[3]. This may add some complexity compared to using Livewire, which is more tightly integrated with Laravel.

In summary, while it is possible to use Filament with Vue.js, it is not the primary use case and may require more effort to set up and maintain compared to using Filament with Livewire. The official documentation and community support is focused on the Livewire integration.

Citations:
[1] https://filamentphp.com/plugins/mansoor-versionable
[2] https://www.youtube.com/watch?v=EEa6YC9DXgw
[3] https://cli.vuejs.org/guide/browser-compatibility
[4] https://filamentphp.com
[5] https://www.reddit.com/r/laravel/comments/14994ey/is_filament_a_good_choice_nowadays_for_new/