© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•5mo ago•
2 replies
waleedGRT

Filament v4 components outside panel not loading styles (Tailwind v4 / Sail)

I’m trying to use Filament components (<x-filament::button>) in my main app layout (outside of a Filament panel).
The Blade renders, but styles are not applied (unstyled button).

I included in my layout:

@filamentStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])
@livewireStyles
....
@livewireScripts
@filamentScripts
@filamentModals
@filamentStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])
@livewireStyles
....
@livewireScripts
@filamentScripts
@filamentModals



But the CSS classes (fi-btn, etc.) are not present in my compiled app.css.
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

Use tailwind outside Filament
FilamentFFilament / ❓┊help
3y ago
Use filament Components outside filament
FilamentFFilament / ❓┊help
2y ago
Using components outside filament
FilamentFFilament / ❓┊help
3y ago
How to create form with Filament styles outside the panel?
FilamentFFilament / ❓┊help
12mo ago