# Create a live preview editor?

**URL:** <https://community.weweb.io/t/create-a-live-preview-editor/9090>\
**Category:** How do I?\
**Tags:** design\
**Created:** [June 12, 2024, 7:44pm UTC](https://community.weweb.io/t/create-a-live-preview-editor/9090 "2024-06-12T19:44:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Davy](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@Davy](https://community.weweb.io/u/Davy)\
**Post date:** [June 12, 2024, 7:44pm UTC](https://community.weweb.io/t/create-a-live-preview-editor/9090/1 "2024-06-12T19:44:28Z")

</div>

I am curious to learn how to create a live preview editor using WeWeb.

I would like the user to be able to make edits and see the results as they would appear on a mobile screen.

Could someone provide guidance on how to set up this live preview using WeWeb, preferably without any coding?

something like this for example: (no need of any drag and drop element just a “simple” visual editor with button on the left and display on the right)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/17896f19a22704f57a55d6372cc6870ae36b6640.jpeg)