Skip to main content

Zoomable Images in Docusaurus

You can make images zoomable to full screen by using the ZoomableImage component.

Using the ZoomableImage Component

Example 1: Using the component directly

Docusaurus social card

Example 2: Using with regular Markdown

You can also make regular markdown images zoomable by wrapping them in the Zoom component:

Docusaurus logo

Click on either image to see it expand to full screen!