rollup-plugin-responsive-app v1.0.14-beta.0

rollup-plugin-responsive-app beta

A Rollup plugin to automatically handle your app responsiveness:

• Set up and ready
• Major frontend frameworks compatible
• Web accessible compliant
• Mobile screen auto-adaptation experimental

Demo

The plugin will make sure the app proportions are the same across all screen resolutions:

Install

npm i -D rollup-plugin-responsive-app

Usage

In your rollup.config.js or vite.config.js file:

import responsive from 'rollup-plugin-responsive-app'

export default {
  ...
  plugins: [
    ...,
    // Last plugin on the list
    responsive()
  ],
};

Options

You can pass an object with options to responsive({...}):

TransformPixelsOptions

HandleMobileOptions

Bypassing transformations

You can also add the ignore-responsive-app class to any HTML element so the above transformations do not have effect. Example:

<div class="width-300px ignore-responsive-app">
  My width will remain in pixels!
</div>

Beta phase

The plugin currently sits on the beta version. Test it on your fresh app and open a Github issue if it is not working on your context.