PHPackages stefanbauer/tailwindcss-breakpoint-detector - 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. stefanbauer/tailwindcss-breakpoint-detector ActiveLibrary[Utility & Helpers](/categories/utility) stefanbauer/tailwindcss-breakpoint-detector =========================================== A package to display TailwindCSS breakpoints on the fly 1.0.0(5y ago)65871[1 PRs](https://github.com/stefanbauer/tailwindcss-breakpoint-detector/pulls)MITPHPPHP ^7.4 Since Aug 30Pushed 5y ago1 watchersCompare [ Source](https://github.com/stefanbauer/tailwindcss-breakpoint-detector)[ Packagist](https://packagist.org/packages/stefanbauer/tailwindcss-breakpoint-detector)[ Docs](https://github.com/stefanbauer/tailwindcss-breakpoint-detector)[ GitHub Sponsors](https://github.com/stefanbauer)[ RSS](/packages/stefanbauer-tailwindcss-breakpoint-detector/feed)WikiDiscussions master Synced today READMEChangelog (1)Dependencies (1)Versions (2)Used By (0) TailwindCSS Breakpoint Detector =============================== [](#tailwindcss-breakpoint-detector) [![Latest Version on Packagist](https://camo.githubusercontent.com/ebb35c44eee6453ebdb338542b9d19f6aaf39ca38e4164ecdcb1218abec776cc/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73746566616e62617565722f7461696c77696e646373732d627265616b706f696e742d6465746563746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/stefanbauer/tailwindcss-breakpoint-detector)[![Total Downloads](https://camo.githubusercontent.com/a550cc6fcfcf8f82b1dab68c8915274afe59fe5d781223ae60aeb58e56481ebc/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73746566616e62617565722f7461696c77696e646373732d627265616b706f696e742d6465746563746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/stefanbauer/tailwindcss-breakpoint-detector) This package detects the current [TailwindCSS](https://tailwindcss.com) breakpoints and shows them on the fly at the very bottom right, when resizing the browser window. It was inspired by [this pen](https://codepen.io/suin/pen/PrKVOa/) built by [suin](https://twitter.com/suin). [![Showcase](docs/showcase.gif?raw=true "Showcase")](docs/showcase.gif?raw=true) Installation ------------ [](#installation) You can install the package via composer: ``` composer require stefanbauer/tailwindcss-breakpoint-detector ``` Usage ----- [](#usage) It just works out of the box. 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 -------- [](#security) If you discover any security related issues, please email instead of using the issue tracker. Credits ------- [](#credits) - [Stefan Bauer](https://github.com/stefanbauer) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 29 — LowBetter than 60% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity21 Limited adoption so far Community8 Small or concentrated contributor base Maturity54 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 Unknown Total 1 Last Release 2077d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/fae65091ef4f6c3a2d4e0624f7d21783acca3268448be6bef9dc1e2567045c56?d=identicon)[stefanbauer](/maintainers/stefanbauer) --- Top Contributors [![stefanbauer](https://avatars.githubusercontent.com/u/3192662?v=4)](https://github.com/stefanbauer "stefanbauer (4 commits)") --- Tags laraveltailwindcsslaraveltailwindcssstefanbauertailwindcss-breakpoint-detector ### Code Quality Code StylePHP CS Fixer ### Embed Badge ![Health badge](/badges/stefanbauer-tailwindcss-breakpoint-detector/health.svg) ``` [![Health](https://phpackages.com/badges/stefanbauer-tailwindcss-breakpoint-detector/health.svg)](https://phpackages.com/packages/stefanbauer-tailwindcss-breakpoint-detector) ``` ### Alternatives [laravel-frontend-presets/tailwindcss Laravel frontend preset for Tailwind CSS 1.1k405.6k6](/packages/laravel-frontend-presets-tailwindcss)[gehrisandro/tailwind-merge-laravel TailwindMerge for Laravel merges multiple Tailwind CSS classes by automatically resolving conflicts between them 341682.2k18](/packages/gehrisandro-tailwind-merge-laravel)[tonysm/tailwindcss-laravel This package wraps up the standalone executable version of the Tailwind CSS framework. 26613.3k1](/packages/tonysm-tailwindcss-laravel)[miaababikir/laravel-tailwind-dashboard-preset Laravel tailwind css dashboard preset 3634.7k](/packages/miaababikir-laravel-tailwind-dashboard-preset)[dotmarn/laravel-error-views A set of customised error pages/screens designed using the TailwindCSS for use in Laravel projects. 123.2k](/packages/dotmarn-laravel-error-views)[arnolem/tailwindphp TailwindPHP - use Tailwind CSS in your PHP projects (without npm) 131.1k](/packages/arnolem-tailwindphp) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)