{"id":20306384,"url":"https://github.com/trendyminds/visor","last_synced_at":"2026-02-06T12:14:26.727Z","repository":{"id":11021363,"uuid":"68030807","full_name":"trendyminds/visor","owner":"trendyminds","description":"🕶 A simple admin overlay to get to the relevant areas of the Craft CMS control panel.","archived":false,"fork":false,"pushed_at":"2023-01-07T02:57:35.000Z","size":2468,"stargazers_count":24,"open_issues_count":8,"forks_count":3,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-06-12T05:17:06.978Z","etag":null,"topics":["craft","craft3","craftcms","craftcms-plugin"],"latest_commit_sha":null,"homepage":"https://plugins.craftcms.com/visor","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trendyminds.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-09-12T17:20:01.000Z","updated_at":"2022-11-28T01:09:43.000Z","dependencies_parsed_at":"2023-01-13T16:17:27.707Z","dependency_job_id":null,"html_url":"https://github.com/trendyminds/visor","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"purl":"pkg:github/trendyminds/visor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendyminds%2Fvisor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendyminds%2Fvisor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendyminds%2Fvisor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendyminds%2Fvisor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trendyminds","download_url":"https://codeload.github.com/trendyminds/visor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendyminds%2Fvisor/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266111438,"owners_count":23877980,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["craft","craft3","craftcms","craftcms-plugin"],"created_at":"2024-11-14T17:13:08.652Z","updated_at":"2026-02-06T12:14:26.636Z","avatar_url":"https://github.com/trendyminds.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cimg src=\"src/icon.svg\" width=\"35\" alt=\"Visor logo\"\u003e Visor\n\n![Screenshot](resources/promo.png)\n\n## What is Visor?\nVisor is a simple admin overlay to get to the relevant areas of the Craft CMS control panel from the front-end of your site.\n\n## Demo\n![Visor Demo](resources/demo.gif)\n\n### Screengrab\n![Visor screengrab](resources/screengrab.png)\n\n## Requirements\n\nThis plugin requires Craft CMS 3.1.20 or later.\n\n## Installation\n\nTo install the plugin, follow these instructions.\n\n1. Open your terminal and go to your Craft project:\n\n        cd /path/to/project\n\n2. Then tell Composer to load the plugin:\n\n        composer require trendyminds/visor\n\n3. In the Control Panel, go to Settings → Plugins and click the “Install” button for Visor.\n\n## Keyboard Shortcuts\n\nYou can activate Visor by clicking the gear icon or using the following keyboard shortcuts:\n\n| Key            | Description                 |\n|----------------|-----------------------------|\n| \u003ccode\u003e`\u003c/code\u003e | Toggles Visor open or close |\n| `ESC`          | Closes Visor (if open)      |\n\n## Customizing Visor\n\n### Overriding styles\n\nVisor has a class of `Visor--override` on the outer `\u003csection\u003e` 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.\n\n### Overriding icons\n\nVisor also uses inline SVGs for all graphics. This:\n\n- Reduces HTTP requests\n- Looks crisp at any pixel density\n- Allows you to re-style the icons using `fill` in your CSS\n\n### Overriding background\n\nIf you'd prefer to replace purple with a different color you can change this by targeting `.Visor--override .Visor__modal`.\n\n## Caveats\n\nSince 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:\n\n1. The JavaScript to make this check is inserted at the bottom of the page\n2. The JavaScript used to make the check is _very_ small (\u003c 2 KB)\n3. Early returns are used if the user is a guest and should not see anything from Visor\n\nThe 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.\n\n## Browser compatibility\nThis 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.\n\n## Contributing\nWe welcome anyone and everyone who would like to improve Visor to fork it and send in pull requests. To start developing Visor:\n\n0. Ensure you have Node version 10.x running on your machine\n1. Clone the repo to your computer\n2. Run `npm i`\n3. Run `npm start` to compile the CSS and JS into the main `src/resources/` directory\n\n## Visor Changelog\n\n[View the changelog](https://github.com/trendyminds/visor/blob/master/CHANGELOG.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendyminds%2Fvisor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrendyminds%2Fvisor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendyminds%2Fvisor/lists"}