PHPackages                             trendyminds/visor - 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. trendyminds/visor

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

trendyminds/visor
=================

A simple admin overlay to get to the relevant areas of the Craft CMS control panel

3.0.1(5y ago)248.2k3[8 PRs](https://github.com/trendyminds/visor/pulls)MITHTML

Since Feb 1Pushed 3y ago9 watchersCompare

[ Source](https://github.com/trendyminds/visor)[ Packagist](https://packagist.org/packages/trendyminds/visor)[ RSS](/packages/trendyminds-visor/feed)WikiDiscussions master Synced 3d ago

READMEChangelog (10)Dependencies (1)Versions (19)Used By (0)

[![Visor logo](src/icon.svg)](src/icon.svg) Visor
=================================================

[](#-visor)

[![Screenshot](resources/promo.png)](resources/promo.png)

What is Visor?
--------------

[](#what-is-visor)

Visor is a simple admin overlay to get to the relevant areas of the Craft CMS control panel from the front-end of your site.

Demo
----

[](#demo)

[![Visor Demo](resources/demo.gif)](resources/demo.gif)

### Screengrab

[](#screengrab)

[![Visor screengrab](resources/screengrab.png)](resources/screengrab.png)

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

[](#requirements)

This plugin requires Craft CMS 3.1.20 or later.

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

[](#installation)

To install the plugin, follow these instructions.

1. Open your terminal and go to your Craft project:

    ```
     cd /path/to/project

    ```
2. Then tell Composer to load the plugin:

    ```
     composer require trendyminds/visor

    ```
3. In the Control Panel, go to Settings → Plugins and click the “Install” button for Visor.

Keyboard Shortcuts
------------------

[](#keyboard-shortcuts)

You can activate Visor by clicking the gear icon or using the following keyboard shortcuts:

KeyDescription```Toggles Visor open or close`ESC`Closes Visor (if open)Customizing Visor
-----------------

[](#customizing-visor)

### Overriding styles

[](#overriding-styles)

Visor has a class of `Visor--override` on the outer `` element. To change any of the default styles, simply start your styles with `.Visor.Visor--override`. This will make your styles more specific without resorting to `!important` madness.

### Overriding icons

[](#overriding-icons)

Visor also uses inline SVGs for all graphics. This:

- Reduces HTTP requests
- Looks crisp at any pixel density
- Allows you to re-style the icons using `fill` in your CSS

### Overriding background

[](#overriding-background)

If you'd prefer to replace purple with a different color you can change this by targeting `.Visor--override .Visor__modal`.

Caveats
-------

[](#caveats)

Since 3.0 Visor offers support for full-page static caching. In order to offer this a network request is made on every page request to check if the user should see the Visor controls. To ensure this does not impact performance numerous things are done:

1. The JavaScript to make this check is inserted at the bottom of the page
2. The JavaScript used to make the check is *very* small (< 2 KB)
3. Early returns are used if the user is a guest and should not see anything from Visor

The checks to ensure we return early for guests is documented entirely in [DefaultController.php](https://github.com/trendyminds/visor/tree/master/src/controllers/DefaultController.php). If you see opportunities to improve the performance of these checks (or any other part of Visor) pull requests are welcomed.

Browser compatibility
---------------------

[](#browser-compatibility)

This has been tested on Chrome, Firefox and Safari, but [drop in an Issue](https://github.com/trendyminds/visor/issues/new) if you notice any strangeness.

Contributing
------------

[](#contributing)

We welcome anyone and everyone who would like to improve Visor to fork it and send in pull requests. To start developing Visor:

1. Ensure you have Node version 10.x running on your machine
2. Clone the repo to your computer
3. Run `npm i`
4. Run `npm start` to compile the CSS and JS into the main `src/resources/` directory

Visor Changelog
---------------

[](#visor-changelog)

[View the changelog](https://github.com/trendyminds/visor/blob/master/CHANGELOG.md)

###  Health Score

37

—

LowBetter than 81% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity29

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity69

Established project with proven stability

 Bus Factor1

Top contributor holds 96.6% 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 ~60 days

Recently: every ~132 days

Total

10

Last Release

2164d ago

Major Versions

2.1.1 → 3.0.02020-07-28

### Community

Maintainers

![](https://www.gravatar.com/avatar/51ee860b8a11c81c32b2d0bf9f90e23067fcf3cf72476bfab89913bf0e1ea3b3?d=identicon)[trendyminds](/maintainers/trendyminds)

---

Top Contributors

[![aaronbushnell](https://avatars.githubusercontent.com/u/315202?v=4)](https://github.com/aaronbushnell "aaronbushnell (28 commits)")[![SimonEast](https://avatars.githubusercontent.com/u/813734?v=4)](https://github.com/SimonEast "SimonEast (1 commits)")

---

Tags

craftcraft3craftcmscraftcms-pluginutilitycmsdashboardCraftcraftcmscraft-pluginvisor

### Embed Badge

![Health badge](/badges/trendyminds-visor/health.svg)

```
[![Health](https://phpackages.com/badges/trendyminds-visor/health.svg)](https://phpackages.com/packages/trendyminds-visor)
```

###  Alternatives

[verbb/formie

The most user-friendly forms plugin for Craft.

102393.6k59](/packages/verbb-formie)[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.5M53](/packages/nystudio107-craft-seomatic)[verbb/navigation

Create navigation menus for your site.

92705.0k18](/packages/verbb-navigation)[verbb/hyper

A user-friendly links field for Craft.

24147.8k12](/packages/verbb-hyper)[verbb/field-manager

Manage your fields and field groups with ease.

196614.7k10](/packages/verbb-field-manager)[verbb/workflow

Enforce multi-step review processes for creating entries.

138123.0k1](/packages/verbb-workflow)

PHPackages © 2026

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