PHPackages caresome/filament-neobrutalism-theme - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. caresome/filament-neobrutalism-theme ActiveLibrary[Admin Panels](/categories/admin) caresome/filament-neobrutalism-theme ==================================== A neobrutalism theme for FilamentPHP admin panels v2.0.1(2mo ago)303.2k↓37%4[1 issues](https://github.com/caresome/filament-neobrutalism-theme/issues)MITCSSPHP ^8.2|^8.3|^8.4CI passing Since Nov 23Pushed 2mo agoCompare [ Source](https://github.com/caresome/filament-neobrutalism-theme)[ Packagist](https://packagist.org/packages/caresome/filament-neobrutalism-theme)[ Docs](https://github.com/caresome/filament-neobrutalism-theme)[ RSS](/packages/caresome-filament-neobrutalism-theme/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (6)Dependencies (30)Versions (8)Used By (0) Filament Neobrutalism Theme =========================== [](#filament-neobrutalism-theme) A bold, brutalist design system for FilamentPHP admin panels. Transform your Filament interface with thick borders, pronounced shadows, and geometric aesthetics inspired by the neobrutalism design movement. [![filament-neobrutalis-theme](https://private-user-images.githubusercontent.com/210097147/517828284-3d81b99a-67d0-44b0-b5ad-7b77cee6399b.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI4Mjg0LTNkODFiOTlhLTY3ZDAtNDRiMC1iNWFkLTdiNzdjZWU2Mzk5Yi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02OGQzMTAxMWQ4MTAwNjVmYmYyZTJkNWYzNDVhYjM4ZjM5YzQwNjA4NjI2YWUzMjI1ODMzOTg4YjJhZmZlZDg3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.nCCYYpF9ruYyMHu0gdgO9VGXX1sp_t_NrI-BXpr_9EM)](https://private-user-images.githubusercontent.com/210097147/517828284-3d81b99a-67d0-44b0-b5ad-7b77cee6399b.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI4Mjg0LTNkODFiOTlhLTY3ZDAtNDRiMC1iNWFkLTdiNzdjZWU2Mzk5Yi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02OGQzMTAxMWQ4MTAwNjVmYmYyZTJkNWYzNDVhYjM4ZjM5YzQwNjA4NjI2YWUzMjI1ODMzOTg4YjJhZmZlZDg3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.nCCYYpF9ruYyMHu0gdgO9VGXX1sp_t_NrI-BXpr_9EM) Table of Contents ----------------- [](#table-of-contents) - [Features](#features) - [Screenshots](#screenshots) - [Installation](#installation) - [Usage](#usage) - [Customization](#customization) - [Available CSS Variables](#available-css-variables) - [Custom CSS Variables](#custom-css-variables) - [Dynamic Values](#dynamic-values) - [Examples](#examples) - [License](#license) Features -------- [](#features) - 🎨 **Bold Neobrutalism Design** - Thick borders, pronounced shadows, and geometric shapes - ⚡ **Zero Configuration** - Works out of the box with sensible defaults - 🎛️ **Fully Customizable** - Override any CSS variable with the fluent `customize()` API - 🌓 **Dark Mode Support** - Seamlessly adapts to Filament's dark mode - 🔌 **Easy Integration** - Single line plugin registration - 📦 **Lightweight** - Pure CSS with no JavaScript dependencies - 🚀 **Performance Optimized** - Minimal CSS with CSS variables for dynamic theming - ✅ **Filament v4 & v5 Compatible** - Built for Filament v4.x and v5.x Screenshots ----------- [](#screenshots) ### Authentication Pages [](#authentication-pages) [![filament-neobrutalism-authentication-demo](https://private-user-images.githubusercontent.com/210097147/517829251-6384e4d1-10be-4d10-bf25-830476b3bc31.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5MjUxLTYzODRlNGQxLTEwYmUtNGQxMC1iZjI1LTgzMDQ3NmIzYmMzMS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZDdhNTQ1YWQ3Nzc3MDdkZmE0NzM1MGE4NTc3MjdjYjk5YTg1ZmE1YjNkNDJjY2I3MDk5ZTJkMTdmMjU2NjFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Ujqt_jlo44yzVt9j2SOUum8_yKjMymcCTwkXpu8T86o)](https://private-user-images.githubusercontent.com/210097147/517829251-6384e4d1-10be-4d10-bf25-830476b3bc31.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5MjUxLTYzODRlNGQxLTEwYmUtNGQxMC1iZjI1LTgzMDQ3NmIzYmMzMS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZDdhNTQ1YWQ3Nzc3MDdkZmE0NzM1MGE4NTc3MjdjYjk5YTg1ZmE1YjNkNDJjY2I3MDk5ZTJkMTdmMjU2NjFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Ujqt_jlo44yzVt9j2SOUum8_yKjMymcCTwkXpu8T86o) ### Dashboard [](#dashboard) [![filament-neobrutalism-dashboard-demo](https://private-user-images.githubusercontent.com/210097147/517829233-9eb22e81-d5be-4b40-9440-d0ea2717682a.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5MjMzLTllYjIyZTgxLWQ1YmUtNGI0MC05NDQwLWQwZWEyNzE3NjgyYS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00YTBlNDRiMWQzM2M4YzE4ZThjZDdhMmIxODE0OGZiMWI2ZGQ4YmFjYmZiMDRmMjI5YjE2YWUzNWQ2MDcwOGJhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.nw7N-VC6DfGb6b1iSDa4r9KNNvplb-Y_xEvG8VGUDXo)](https://private-user-images.githubusercontent.com/210097147/517829233-9eb22e81-d5be-4b40-9440-d0ea2717682a.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5MjMzLTllYjIyZTgxLWQ1YmUtNGI0MC05NDQwLWQwZWEyNzE3NjgyYS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00YTBlNDRiMWQzM2M4YzE4ZThjZDdhMmIxODE0OGZiMWI2ZGQ4YmFjYmZiMDRmMjI5YjE2YWUzNWQ2MDcwOGJhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.nw7N-VC6DfGb6b1iSDa4r9KNNvplb-Y_xEvG8VGUDXo) ### Tables & Resource Lists [](#tables--resource-lists) [![filament-neobrutalism-list-page-demo](https://private-user-images.githubusercontent.com/210097147/517829829-6d0588e6-c98a-4ca8-ae3e-d04b0a5ba0e0.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5ODI5LTZkMDU4OGU2LWM5OGEtNGNhOC1hZTNlLWQwNGIwYTViYTBlMC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01NTljZjYzNjg1ZDhkY2ViN2JmMzY3NjM2MmUyOTVjYTEzYWY5NmFkYmQ0YmI2MDcyZmUyOTRlYTRiZmJlNjdiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.DMMZOPOwqNW5E_bwIkblLfa5dHqe9Qaaa2LCqTX-17k)](https://private-user-images.githubusercontent.com/210097147/517829829-6d0588e6-c98a-4ca8-ae3e-d04b0a5ba0e0.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5ODI5LTZkMDU4OGU2LWM5OGEtNGNhOC1hZTNlLWQwNGIwYTViYTBlMC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01NTljZjYzNjg1ZDhkY2ViN2JmMzY3NjM2MmUyOTVjYTEzYWY5NmFkYmQ0YmI2MDcyZmUyOTRlYTRiZmJlNjdiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.DMMZOPOwqNW5E_bwIkblLfa5dHqe9Qaaa2LCqTX-17k) ### Forms & Resource Pages [](#forms--resource-pages) [![filament-neobrutalism-create-page-demo](https://private-user-images.githubusercontent.com/210097147/517829861-32c0445d-e35b-4bf1-ae6e-30a6a61b055e.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5ODYxLTMyYzA0NDVkLWUzNWItNGJmMS1hZTZlLTMwYTZhNjFiMDU1ZS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00MGExYjljZDJjNzg0MGQzMjMzM2E4YThlYjYwMzM4ZDhiODM0MDE2NGRmYjIwOTU0OTE4NzE0NWRlODI1YTVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.J7FiqlneONCAQcbZeBMh7xmAGH7zIovz-5GnsiO6xaQ)](https://private-user-images.githubusercontent.com/210097147/517829861-32c0445d-e35b-4bf1-ae6e-30a6a61b055e.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5ODYxLTMyYzA0NDVkLWUzNWItNGJmMS1hZTZlLTMwYTZhNjFiMDU1ZS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00MGExYjljZDJjNzg0MGQzMjMzM2E4YThlYjYwMzM4ZDhiODM0MDE2NGRmYjIwOTU0OTE4NzE0NWRlODI1YTVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.J7FiqlneONCAQcbZeBMh7xmAGH7zIovz-5GnsiO6xaQ) ### Modals [](#modals) [![filament-neobrutalism-modal-demo](https://private-user-images.githubusercontent.com/210097147/517829925-c369793b-47ae-41f2-91ff-6affaf8938bb.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5OTI1LWMzNjk3OTNiLTQ3YWUtNDFmMi05MWZmLTZhZmZhZjg5MzhiYi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iYzk5ZmJhYzE4MmEwMmYzYzcwYzY2NTI1NjkwZjg0Mzg4YjFlZGJiMzlkMjQ2NWNjYjgyNzRhMDM1NjdmM2FlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.OIONJE_crhVjmVSryYAHwS43x73Cw8JnxUVWUcwOkBE)](https://private-user-images.githubusercontent.com/210097147/517829925-c369793b-47ae-41f2-91ff-6affaf8938bb.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI5OTI1LWMzNjk3OTNiLTQ3YWUtNDFmMi05MWZmLTZhZmZhZjg5MzhiYi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iYzk5ZmJhYzE4MmEwMmYzYzcwYzY2NTI1NjkwZjg0Mzg4YjFlZGJiMzlkMjQ2NWNjYjgyNzRhMDM1NjdmM2FlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.OIONJE_crhVjmVSryYAHwS43x73Cw8JnxUVWUcwOkBE) ### Theme Customization [](#theme-customization) [![filament-neobrutalism-theme-customization](https://private-user-images.githubusercontent.com/210097147/517828335-861ab27b-a62c-43a3-ac0a-e5f4ac8253c1.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI4MzM1LTg2MWFiMjdiLWE2MmMtNDNhMy1hYzBhLWU1ZjRhYzgyNTNjMS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMjAyOGNhMDU1YzZlNTg0NzNkM2Q1MDVlNjExZjI4Yjc3ODdiZGIyNzBjYWQ1YzU5NGVkNTBkMWMyZDczOGM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.fyYXlmruGxHrHQWs8M80x3XljArZGV4FeFdic4XKSiI)](https://private-user-images.githubusercontent.com/210097147/517828335-861ab27b-a62c-43a3-ac0a-e5f4ac8253c1.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTIwMTAsIm5iZiI6MTc3NDY1MTcxMCwicGF0aCI6Ii8yMTAwOTcxNDcvNTE3ODI4MzM1LTg2MWFiMjdiLWE2MmMtNDNhMy1hYzBhLWU1ZjRhYzgyNTNjMS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjQ4MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMjAyOGNhMDU1YzZlNTg0NzNkM2Q1MDVlNjExZjI4Yjc3ODdiZGIyNzBjYWQ1YzU5NGVkNTBkMWMyZDczOGM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.fyYXlmruGxHrHQWs8M80x3XljArZGV4FeFdic4XKSiI) Installation ------------ [](#installation) Install the package via Composer: ``` composer require caresome/filament-neobrutalism-theme ``` Usage ----- [](#usage) Register the theme in your Filament panel provider: ``` use Caresome\FilamentNeobrutalism\NeobrutalismeTheme; public function panel(Panel $panel): Panel { return $panel ->plugin(NeobrutalismeTheme::make()); } ``` Publish the theme assets: ``` php artisan filament:assets ``` The neobrutalism theme will now be active on your Filament admin panel. Customization ------------- [](#customization) You can customize the theme's CSS variables using the `customize()` method: ``` ->plugin( NeobrutalismeTheme::make() ->customize([ 'border-width' => '6px', 'border-width-thick' => '8px', 'radius-md' => '1.5rem', 'shadow-offset-lg' => '10px', ]) ) ``` ### Available CSS Variables [](#available-css-variables) The theme provides the following customizable CSS variables (prefix `--neo-` is automatically added): **Borders:** - `border-width` - Default border width (default: `2px`) - `border-width-thick` - Thick border width (default: `3px`) **Border Radius:** - `radius-sm` - Small radius (default: `0.375rem`) - `radius-md` - Medium radius (default: `0.5rem`) - `radius-lg` - Large radius (default: `0.75rem`) - `radius-xl` - Extra large radius (default: `1rem`) **Shadows:** - `shadow-offset-sm` - Small shadow offset (default: `2px`) - `shadow-offset-md` - Medium shadow offset (default: `3px`) - `shadow-offset-lg` - Large shadow offset (default: `4px`) - `shadow-offset-xl` - Extra large shadow offset (default: `6px`) **Typography:** - `font-weight-bold` - Bold font weight (default: `700`) - `font-weight-extrabold` - Extra bold font weight (default: `800`) - `font-weight-black` - Black font weight (default: `900`) - `letter-spacing-tight` - Tight letter spacing (default: `-0.03em`) - `letter-spacing-normal` - Normal letter spacing (default: `-0.025em`) - `letter-spacing-wide` - Wide letter spacing (default: `0.03em`) - `letter-spacing-wider` - Wider letter spacing (default: `0.05em`) **Transitions:** - `transition-duration` - Transition duration (default: `150ms`) **Spacing:** - `spacing-xs` - Extra small spacing (default: `0.25rem`) - `spacing-sm` - Small spacing (default: `0.5rem`) - `spacing-md` - Medium spacing (default: `0.75rem`) - `spacing-lg` - Large spacing (default: `1rem`) - `spacing-xl` - Extra large spacing (default: `1.5rem`) **Scale:** - `scale` - UI scaling factor (default: `1`) ### Custom CSS Variables [](#custom-css-variables) You can also add completely custom CSS variables by prefixing them with `--`: ``` ->customize([ '--my-custom-color' => '#ff0000', '--my-custom-spacing' => '2rem', ]) ``` ### Dynamic Values [](#dynamic-values) Use closures for dynamic values based on user preferences or application state: ``` ->customize(fn() => [ 'border-width' => auth()->user()->preferences['border_width'] ?? '4px', 'shadow-offset-md' => session('theme_shadow_size', '6px'), ]) ``` Examples -------- [](#examples) ### Subtle Neobrutalism [](#subtle-neobrutalism) ``` ->plugin( NeobrutalismeTheme::make() ->customize([ 'border-width' => '2px', 'shadow-offset-md' => '3px', 'radius-md' => '0.5rem', ]) ) ``` ### Bold & Dramatic [](#bold--dramatic) ``` ->plugin( NeobrutalismeTheme::make() ->customize([ 'border-width' => '6px', 'border-width-thick' => '8px', 'shadow-offset-md' => '10px', 'shadow-offset-lg' => '12px', 'radius-md' => '1.5rem', ]) ) ``` ### Minimal & Sharp [](#minimal--sharp) ``` ->plugin( NeobrutalismeTheme::make() ->customize([ 'border-width' => '3px', 'shadow-offset-md' => '4px', 'radius-sm' => '0.25rem', 'radius-md' => '0.375rem', 'radius-lg' => '0.5rem', ]) ) ``` License ------- [](#license) MIT. See [LICENSE.md](LICENSE.md) for details. ### Health Score 50 — FairBetter than 96% of packages Maintenance87 Actively maintained with recent releases Popularity34 Limited adoption so far Community8 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~18 days Recently: every ~27 days Total 7 Last Release 65d ago Major Versions v1.1.0.x-dev → v2.0.02026-01-25 ### Community Maintainers ![](https://www.gravatar.com/avatar/91b7be9254c93c6a923e5c82c21d0167b36c32ce62c056e2c36a2edf8bbbcc4e?d=identicon)[caresome](/maintainers/caresome) --- Top Contributors [![caresome](https://avatars.githubusercontent.com/u/210097147?v=4)](https://github.com/caresome "caresome (22 commits)") --- Tags laravelfilamentfilament-pluginfilament-themecaresomeneobrutalism ### Code Quality TestsPest Static AnalysisPHPStan, Rector Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/caresome-filament-neobrutalism-theme/health.svg) ``` [![Health](https://phpackages.com/badges/caresome-filament-neobrutalism-theme/health.svg)](https://phpackages.com/packages/caresome-filament-neobrutalism-theme) ``` ### Alternatives [croustibat/filament-jobs-monitor Background Jobs monitoring like Horizon for all drivers for FilamentPHP 254255.2k6](/packages/croustibat-filament-jobs-monitor)[guava/filament-knowledge-base A filament plugin that adds a knowledge base and help to your filament panel(s). 206120.5k1](/packages/guava-filament-knowledge-base)[inerba/filament-db-config A Filament plugin for database-backed application settings and editable content, with caching and easy page generation. 329.1k](/packages/inerba-filament-db-config)[andreia/filament-ui-switcher Add a modal with options to switch between different UI layouts and styles (colors, fonts, font sizes). 233.8k](/packages/andreia-filament-ui-switcher)[caresome/filament-auth-designer Transform Filament's default auth pages into stunning, brand-ready experiences 3916.8k2](/packages/caresome-filament-auth-designer)[geo-sot/filament-env-editor Access .env file though Filament admin panel 2432.3k1](/packages/geo-sot-filament-env-editor) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)