Device Mockup
v1.0 Starter

Detailed description

The Device Mockup block is the essential tool for SaaS, development agencies, and digital product designers on WordPress. It allows you to present your screenshots (images or videos) inside an elegant and realistic hardware frame (computer, tablet, or smartphone).

Showcase your product in its best light

  • Hardware Envelope: Your visuals are automatically masked to fit the rounded edges of device screens.
  • Autoplay Video Support: Simulate the actual functioning of your application by inserting a looping video inside the frame.
  • Intelligent Reactivity: The device frame adapts to the width of the container while maintaining its proportions.

A major impact on your conversion rate

A polished presentation increases user trust. Instead of a simple screenshot, a device mockup allows your prospects to immediately project themselves into using your service. For your SEO, it's an excellent way to visually structure your arguments with quality multimedia files that decrease the exit rate of your sales page.

Performance

Zero useless scripts, Vanilla JS only.

Native Gutenberg

WCAG compliance for all users.

Starter Vanilla JS

Device Mockup

JS Weight

2kb

Version

1.0

WCAG

WCAG 2.1 AA

1

Likes

4

Downloads

Dependencies None
License Starter
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.