Reading Time: < 1 minute

Reframe.js is a lightweight JavaScript plugin that makes unresponsive elements responsive. The setup is easy, add reframe.min.js to your document and reframe the element.

How does it work?

Reframe.js removes a specified elements height and width attributes and wraps the element in a responsive div that is an intrinsic ratio of the original element. This plugin is best used for embedded elements like iframes and videos. The plugin is valuable when including it in a module that has to be very small and with minimal dependencies. 

Another option avaiable is the Noframe.js makes the same ratio as Reframe.js using css calc.

Noframe.js’s doesn’t wrap the element you’d like to be responsive. It, instead, does a calculation based on a parent element’s max-width. 

Leave a Reply

Your email address will not be published. Required fields are marked *

We curate the best and creative websites designed and developed in Africa; Ghana, Kenya, Nigeria, South Africa, Uganda, Egypt, Morocco, Tanzania. is a website inspiration gallery from different industries in the 54 countries in Africa useful for website creation. We curate the best website designs built and developed in Africa. Our goal is to integrate African designers and developers in order to interact, inspire, impart knowledge and share innovative and new technology useful for website design and development.