PHPackages chrisreedio/filament-breakpoint-badge - 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. [Utility & Helpers](/categories/utility) 4. / 5. chrisreedio/filament-breakpoint-badge ActiveLibrary[Utility & Helpers](/categories/utility) chrisreedio/filament-breakpoint-badge ===================================== Displays the current Tailwind breakpoint in the Filament header v3.0.1(1y ago)1331[1 issues](https://github.com/chrisreedio/filament-breakpoint-badge/issues)[4 PRs](https://github.com/chrisreedio/filament-breakpoint-badge/pulls)MITPHPPHP ^8.1CI passing Since Aug 25Pushed 1mo ago1 watchersCompare [ Source](https://github.com/chrisreedio/filament-breakpoint-badge)[ Packagist](https://packagist.org/packages/chrisreedio/filament-breakpoint-badge)[ Docs](https://github.com/chrisreedio/filament-breakpoint-badge)[ GitHub Sponsors](https://github.com/chrisreedio)[ RSS](/packages/chrisreedio-filament-breakpoint-badge/feed)WikiDiscussions 3.x Synced 1mo ago READMEChangelog (2)Dependencies (13)Versions (9)Used By (0) Tailwind Breakpoint Badge for Filament v3 Header ================================================ [](#tailwind-breakpoint-badge-for-filament-v3-header) [![Latest Version on Packagist](https://camo.githubusercontent.com/8151a349b259ff4c9e0305a3f17c31cc74b9118e751488b3ac0d5afe7308959e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636872697372656564696f2f66696c616d656e742d627265616b706f696e742d62616467652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/chrisreedio/filament-breakpoint-badge)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/9f0981dd222b6b7ebe2f5ab6103de308680f65b1bb75001501c73349b1805098/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f636872697372656564696f2f66696c616d656e742d627265616b706f696e742d62616467652f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/chrisreedio/filament-breakpoint-badge/actions?query=workflow%3A%22Fix+PHP+Code+Styling%22+branch%3A3.x)[![Total Downloads](https://camo.githubusercontent.com/7c2e59e68cfaa7128b8f7ea5a35de994d883a4a687d28212d4952ca727b9b469/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636872697372656564696f2f66696c616d656e742d627265616b706f696e742d62616467652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/chrisreedio/filament-breakpoint-badge) Breakpoint Badge is a lightweight extension for FilamentPHP that adds a real-time breakpoint badge to the header, streamlining the debugging process. Installation ------------ [](#installation) You can install the package via composer: ``` composer require chrisreedio/filament-breakpoint-badge ``` Usage ----- [](#usage) To use this plugin register it in your panel configuration: ``` use ChrisReedIO\BreakpointBadge\BreakpointBadgePlugin; $panel ->plugins([ BreakpointBadgePlugin::make(), ]); ``` ### Visibility [](#visibility) By default, the plugin displays the breakpoint badge in all non-production environments. You can further customize whether the badges should be shown. ``` use ChrisReedIO\BreakpointBadge\BreakpointBadgePlugin; $panel->plugins([ BreakpointBadgePlugin::make() ->visible(fn () => auth()->user()?->can('see_breakpoints')) ]); ``` ### Colors [](#colors) You can overwrite the default colors if you want your own colors or need to add more. The `->color()`method accepts any Filament's Color object or a closure that returns a color object. ``` use pxlrbt\FilamentEnvironmentBadge\EnvironmentBadgePlugin; use Filament\Support\Colors\Color; $panel->plugins([ BreakpointBadgePlugin::make() ->color(fn () => match (app()->environment()) { 'production' => null, 'staging' => Color::Orange, default => Color::Blue, }) ]); ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [Chris Reed](https://github.com/chrisreedio) - [All Contributors](../../contributors) Special thanks to [Adam Weston](https://github.com/awcodes) for the help writing the plugin. Also a big thanks to [Dennis Koch](https://github.com/pxlrbt) for the inspiration and tips on generating screenshots. Check out his [Filament Environment Indicator](https://github.com/pxlrbt/filament-environment-indicator) plugin on which this is based! License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 36 — LowBetter than 82% of packages Maintenance45 Moderate activity, may be stable Popularity19 Limited adoption so far Community10 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 63% 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 ~435 days Total 3 Last Release 121d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/edf125933a93f1f09822d1679b36b2d6deed75b2380f6e1c57d54cd52a8db29d?d=identicon)[chrisreedio](/maintainers/chrisreedio) --- Top Contributors [![chrisreedio](https://avatars.githubusercontent.com/u/77644584?v=4)](https://github.com/chrisreedio "chrisreedio (34 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (12 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (8 commits)") --- Tags developer-toolsfilament-pluginfilamentphplaravellaraveltailwindfilamentchrisreediodev-toolsbreakpoints ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/chrisreedio-filament-breakpoint-badge/health.svg) ``` [![Health](https://phpackages.com/badges/chrisreedio-filament-breakpoint-badge/health.svg)](https://phpackages.com/packages/chrisreedio-filament-breakpoint-badge) ``` ### Alternatives [pboivin/filament-peek Full-screen page preview modal for Filament 253319.6k12](/packages/pboivin-filament-peek)[dotswan/filament-map-picker Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications. 124139.3k2](/packages/dotswan-filament-map-picker)[creagia/filament-code-field A Filamentphp input field to edit or view code data. 58289.3k3](/packages/creagia-filament-code-field)[swisnl/filament-backgrounds Beautiful backgrounds for Filament auth pages 54149.2k6](/packages/swisnl-filament-backgrounds)[guava/calendar Adds support for vkurko/calendar to Filament PHP. 298241.0k3](/packages/guava-calendar)[tapp/filament-google-autocomplete-field Filament plugin that provides a Google Autocomplete field 3098.1k](/packages/tapp-filament-google-autocomplete-field) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)