Level 51
Everything you need is documented here: https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme. It's easy to create a custom theme and plug it in to your Filament app.
Apr 30, 2025
4
Level 2
Filament Styles Not Being Applied
Hi. I am trying to build a public form using already built Filament components. It worked but the Filament styles are missing. I tried to search and apply all solutions on internet or AI but nothing worked. You can see this image here.
{{-- resources/views/forms/public.blade.php --}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ $form->name }}</title>
@vite(['resources/css/app.css', 'resources/js/app.js']) {{-- if using Vite --}}
{{-- filamentstyles --}}
@livewireStyles
@filamentStyles
</head>
<body class="mt-5 p-6">
<livewire:public-form :form="$form" />
@livewireScripts
@filamentScripts
</body>
</html>
Level 51
If you are trying to add already styled filament components to a page outside of Filament, then you can see how to do that here too: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component
Level 2
@jaseofspades88 I managed to put the form in a public page but my main problem is the styling. You can see the image in the main post.
Level 1
I wrote a post about using filament in public facing. Maybe this will help you: filamentmastery.com/articles/guide-to-using-filament-components-in-public-facing-pages
Seems like you're missing some Tailwind setup
Please or to participate in this conversation.