SharePoint Responsive UI Package for on-premises (SP 2013 and SP 2016)

Play SharePoint Responsive UI Package for on-premises (SP 2013 and SP 2016)
Sign in to queue


In this demo video Paolo Pialorsi explains how to get started on using SharePoint Responsive UI Package in your on-premises deployment. SharePoint Responsive UI Package is designed for both SharePoint 2013 and SharePoint 2016 in on-premises deployment. 

Actual implementation is NOT using custom master pages, we rather embed the needed styling definitions and JavaScript files to the site using so called JavaScript embed pattern, which is explained in MSDN. This means that the responsiveness can be applied even if the sites are still using out-of-the-box master pages.

SharePoint Responsive UI Package is open source solution, released from the PnP initiative to enable responsiveness user experience in your on-premises deployment. Similar capability and assets have been released to SharePoint Online as part of the PnP Partner Pack.

Demo presenter: Paolo Pialorsi

Additional Resources

See following links for additional details around covered topics.

If you are looking to enable similar capabilities in the SharePoint Online, please have a look on the PnP Partner Pack and more specifically following resources


If you have any feedback or comments related on this video, please use the Office 365 Developer Patterns and Practices Yammer group to provider your input. Thx for your interest advance.

Generic Episode Image





Right click to download this episode

The Discussion

  • User profile image

    Wonderful Implementation. Best example & benefits of Open Source Development.

  • User profile image
    Bastiaan Jacobs

    Very good start. I am curious how this will turn out for companies that want to change their style completely on SharePoint. Wrapping elements in the Master Page is sometimes necessary for Responsive Web Design to align elements on the page (s4-titlerow - s4-workspace). Last but not least: When using media queries please use min-width: mobile first people. Minimize different conditions for mobile devices.

  • User profile image

    Excellent implementation. test thoroughly and found no flaws.

  • User profile image

    Is it Applicable for Publishing Sites?

  • User profile image


    Unfortunately it is for Team Sites only.

  • User profile image

    Hi there,

    The responsive package seems to have some browser compatibility issues (I’m used it in an SP2016 environment) . In my case, the hamburger menu doesn’t appear in Chrome and lists & libraries cause a horizontal scroll.

    Is there any fix for the above mentioned issue?

    Kind regards,

Add Your 2 Cents