Responsive Admin Panel logo

Responsive Admin Panel

By Dominik Probst

The Responsive Admin Panel Plugin for Strapi v5 enhances the usability of the Strapi admin panel on mobile devices. By introducing targeted CSS adjustments, this plugin ensures that the Strapi backend remains accessible and functional on devices with a screen width of less than 767px.

Latest version

v0.0.4

released January 24, 2025

npm install strapi-5-plugin-responsive-backend

Strapi Plugin: Responsive Admin Panel

Overview

The Responsive Admin Panel Plugin for Strapi v5 enhances the usability of the Strapi admin panel on mobile devices. By introducing targeted CSS adjustments, this plugin ensures that the Strapi backend remains accessible and functional on devices with a screen width of less than 767px.

It is still work in progress and works with the Content Manager, Content Type Build, Media & Marketplace yet.


Installation

Install via NPM

npm install strapi-5-plugin-responsive-backend

Add to Your Strapi Project

Ensure the plugin is enabled in your Strapi project. No additional configuration is needed.

Usage

Once installed, the plugin will automatically apply its styles when you access the admin panel on smaller screens. It’s designed to work out-of-the-box, so you don’t need to configure anything manually.


Example Adjustments

  • Navigation Bar: It moved from the left to the top and shrinked in height.
  • Spacing: Some paddings were adjusted to make the content manager more accessible.

Screenshots

Content Manager - OverviewContent Manager - Editing Entry

Contributing

Contributions to improve the plugin are welcome! Please fork the repository and submit a pull request.


License

This plugin is licensed under the MIT License.


Support

📧 Feel free to contact me via my website: DigitalMoonrise, your digital agency for Websites, Online Shops and Configurator with Next.js and Strapi

Submit your content

Share your work with the community and get it listed in the Strapi ecosystem for everyone to discover and use.

Submit
Submit your content