PHPackages                             michaelhue/craft-breakpoint - 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. michaelhue/craft-breakpoint

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

michaelhue/craft-breakpoint
===========================

Test your responsive layouts on various screen sizes in Live Preview.

2.2.2(5y ago)67.9kproprietaryVuePHP >=7.0.0

Since Oct 1Pushed 5y ago2 watchersCompare

[ Source](https://github.com/michaelhue/craft-breakpoint)[ Packagist](https://packagist.org/packages/michaelhue/craft-breakpoint)[ Docs](https://github.com/michaelhue/craft-breakpoint)[ RSS](/packages/michaelhue-craft-breakpoint/feed)WikiDiscussions master Synced 2w ago

READMEChangelogDependencies (1)Versions (12)Used By (0)

[![Icon](https://raw.githubusercontent.com/michaelhue/craft-breakpoint/master/src/icon.svg?sanitize=true)](https://raw.githubusercontent.com/michaelhue/craft-breakpoint/master/src/icon.svg?sanitize=true)

Breakpoint for Craft CMS 3
==========================

[](#breakpoint-for-craft-cms-3)

**A Craft 3 plugin for testing responsive layouts in Live Preview.**

[![Preview](https://raw.githubusercontent.com/michaelhue/craft-breakpoint/master/docs/resources/preview.png)](https://raw.githubusercontent.com/michaelhue/craft-breakpoint/master/docs/resources/preview.png)

Table of contents
-----------------

[](#table-of-contents)

- [Features](#features)
- [Installation](#installation)
- [Requirements](#requirements)
- [Usage](#usage)
- [Licensing](#licensing)
- [Limitations](#limitations)
- [Support](#support)

Features
--------

[](#features)

- A useful tool for testing your site's responsive layout directly in Live Preview.
- Can be enabled or disabled in Live Preview at any time.
- Customize your own device presets or choose from a list of popular devices.
- Automatic zoom keeps the whole preview visible even when testing large screen sizes.
- Detailed [User Manual](https://github.com/michaelhue/craft-breakpoint/tree/master/docs) with screenshots.

Installation
------------

[](#installation)

Install this plugin from the [Plugin Store](https://plugins.craftcms.com/breakpoint) or with [Composer](https://packagist.org/packages/michaelhue/craft-breakpoint).

### Plugin Store

[](#plugin-store)

Go to the Plugin Store in your projects Control Panel and search for "Breakpoint". Then click on the "Install" button in its modal window.

### Composer

[](#composer)

Open your terminal and run the following command inside your project directory:

```
$ composer require michaelhue/craft-breakpoint

```

Open the Control Panel and navigate to **Settings → Plugins** and install the plugin or use the terminal:

```
$ php craft install/plugin breakpoint

```

Requirements
------------

[](#requirements)

- [Craft CMS](https://github.com/craftcms/cms/) `3.0.0` or later.
- A modern browser [supported by Craft](https://docs.craftcms.com/v3/requirements.html#control-panel-browser-requirements).

Usage
-----

[](#usage)

See [User Manual](https://github.com/michaelhue/craft-breakpoint/tree/master/docs).

Licensing
---------

[](#licensing)

The license fee for this plugin is $29 (license + one year of updates) via the Craft Plugin Store, then $9 per year for updates.

Limitations
-----------

[](#limitations)

- While the plugin functionality is similar to device previews found in most browsers, it does not emulate touch events or user agents.
- May not work with other plugins that extend or change the Live Preview.

Support
-------

[](#support)

- [User Manual](https://github.com/michaelhue/craft-breakpoint/tree/master/docs) – Learn how to use the plugin.
- [Issues](https://github.com/michaelhue/craft-breakpoint/issues) – Submit bug reports, feature requests and general questions.
- [Changelog](https://github.com/michaelhue/craft-breakpoint/blob/master/CHANGELOG.md) – View recent changes and bug fixes.

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity23

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity64

Established project with proven stability

 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 ~82 days

Recently: every ~115 days

Total

10

Last Release

2086d ago

Major Versions

v1.2.0 → 2.0.02019-07-11

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/31861?v=4)[Michael Hüneburg](/maintainers/michaelhue)[@michaelhue](https://github.com/michaelhue)

---

Top Contributors

[![michaelhue](https://avatars.githubusercontent.com/u/31861?v=4)](https://github.com/michaelhue "michaelhue (179 commits)")

---

Tags

craft-plugincraftcmscraftcmscraft-pluginlive preview

### Embed Badge

![Health badge](/badges/michaelhue-craft-breakpoint/health.svg)

```
[![Health](https://phpackages.com/badges/michaelhue-craft-breakpoint/health.svg)](https://phpackages.com/packages/michaelhue-craft-breakpoint)
```

###  Alternatives

[verbb/formie

The most user-friendly forms plugin for Craft.

100387.6k59](/packages/verbb-formie)[spicyweb/craft-neo

A Matrix-like field type with block hierarchy

393808.8k10](/packages/spicyweb-craft-neo)[craftcms/feed-me

Import content from XML, RSS, CSV or JSON feeds into entries, categories, Craft Commerce products, and more.

292943.4k27](/packages/craftcms-feed-me)[nystudio107/craft-seomatic

SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 5. It is a turnkey SEO system that is comprehensive, powerful, and flexible.

1741.5M52](/packages/nystudio107-craft-seomatic)[verbb/navigation

Create navigation menus for your site.

92698.4k18](/packages/verbb-navigation)[verbb/field-manager

Manage your fields and field groups with ease.

195612.2k10](/packages/verbb-field-manager)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)