Simpllo - UI Presentation
The product uses a simple and intuitive interface divided into containers:
- ✅ The
Navigation Barused to control the project (Clear, Preview, Download, and Deploy)
- ✅ Builder, Left Panel where all the available components exist grouped in categories
- ✅ The Center Area is used to edit the pages and interact with the components
- ✅ Builder, Right Panel shows the properties for active components and Page Globals
This simple structure allows to
drag & drop components from the
LEFT Sidebar into the center area where the content is created.
Once a component is dropped in the editor, the user can change the position in the view, customize the appearence of any element and preview the changes.
✅ LEFT Panel -
The sidebar uses a collapsable structure where the components are grouped in categories:
Grids: for layout control
Commonelements like buttons and alerts
✅ Center Area -
In the center area of the builder, the user can interact with the content by changing the position, adding and deleting components, and changing the styling for each element.
The active component is highlighted using a dotted border and the RIGHT panel automatically shows all editable properties.
This free tool allows anyone to build and customize simple websites and landing pages and later download and even deploy LIVE the product.
For getting in touch with the team or access more resources, please use the links provided below.Sticky video