© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
9 replies
Ricardo Sawir

how to use alpine js floating ui in livewire3?

Hi, I'm having a hard time to get @awcodes /alpine-floating-ui to work in livewire3 app... Included the cdn and nothing happen
Solution
no problem, I inspected filament's and see this

// app.js

// this doesnt work
import Alpine from alpinejs
window.Alpine = Alpine
window.Alpine.plugin(AlpineFloatingUI)

// this works
window.addEventListener('alpine:init', () => {
window.Alpine.plugin(AlpineFloatingUI)
})
// app.js

// this doesnt work
import Alpine from alpinejs
window.Alpine = Alpine
window.Alpine.plugin(AlpineFloatingUI)

// this works
window.addEventListener('alpine:init', () => {
window.Alpine.plugin(AlpineFloatingUI)
})
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Rollup failed to resolve import "@awcodes/alpine-floating-ui"
FilamentFFilament / ❓┊help
3y ago
How to use Alpine in Filament?
FilamentFFilament / ❓┊help
13mo ago
How can I install Alpine.js?
FilamentFFilament / ❓┊help
2y ago
Table actions / alpine / livewire UI
FilamentFFilament / ❓┊help
2y ago