Open Creative Cloud UX Studio

UX Studio Open Creative Cloud UX Studio is an open-source, multi-purpose, Web Builder Framework which enables you to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but are not well suited for creating HTML structures.

This page has placeholder content as a reference. Each Drag & Drop Block Element can edited by clicking on it to select it and using the panels on the right side of the page. Each Block Element can be moved by selecting the move icon after the element is selected. Additional Block Elements can be added to the page by select the Block Icon in the right hand panel, and dragging the element to the page. Note: the editor includes the ability to edit images. Click on any image and select the pencil icon to edit it.

Usage Tips

Style Manager: Access and modify the styles of currently selected components or global styles for elements like typography, background, margins, borders, animations, and more.


Layer Manager: Displays a hierarchical structure of components on the canvas, representing their stacking order. Each component is represented as a layer, allowing you to easily understand the layout structure.


Block Manager: A centralized hub for managing reusable content blocks, streamlining the creation and editing of your projects. Drag and drop blocks from the Block Manager onto the canvas, instantly inserting them into the design.


Image Editor: Click on any image and select the pencil icon to use the Image Editor.


View Code: Click on the Code Icon to view HTML & CSS.


Clear Canvas: Click on the Trash Icon in the top menu to clear the canvas.

Flexbox Grid Layout

UX Studio uses Flexbox for grid layout. Flexbox is supported by all major browsers and does not require additional JavaScript dependencies.
The Block Manager has several prebuilt blocks for Flexbox. Drag them to the canvas and use the Style Manager to set their attributes.