How to Create Scrollable Website Device Mock-ups in WordPress (Gutenberg) | Website Portfolio Page [Video Tutorial]

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Creates scrollable dynamic device mock-ups for website portfolio pages using the Dynamic Device for Gutenberg.
  • Combines multiple screens in carousels or stacked layouts to showcase past website works effectively.
  • Offers a 10% discount code 'YOUTUBE10' for purchasing the Nexter Blocks plugin at nexterwp.com.
Table of Contents

Youtube video

Video Duration: 17 : 47

Video Overview

Learn how to Create Scrollable Dynamic Devices Website Mock-ups for your Website Portfolio Page. Show Website design from image, URL (Iframe), Videos etc inside device screens.

This will help you show your past website works in a better way to your clients. You can combine multiple screens and show them together in carousels, or one above the other. The Dynamic Device for Gutenberg will give the best web design preview of your works.

▶️ Live Demo – https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/


⚡ Plugin Website – https://nexterwp.com/
⚡ Get the Plugin https://nexterwp.com/nexter-blocks/
USE CODE ” YOUTUBE10 ” TO ENJOY 10% DISCOUNT

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer
X GitHub YouTube Website

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Docs

Advance Border Radius for WordPress (Gutenberg) – Custom Border Shape [Video Tutorial]
icon
Advanced Typography Styles for WordPress (Gutenberg) – Rotate, Marquee, Stroke, Vertical, Blend [Video Tutorial]
icon
Carousel Slider Sync Remote for Gutenberg WordPress | Connect with Arrows, Dots, Tabs, Accordion etc [Video Tutorial]
icon
Combined Social Media Feed in WordPress (Gutenberg) – Facebook, Instagram, Twitter, YouTube & Vimeo [Video Tutorial]
icon
Create Dynamic WordPress with Custom Post Loop Skins with ACF & CPT (Gutenberg) [Video Tutorial]
icon
Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]
icon
123……8