WebAsOne
ManifestoSingle-Stage-Website-Design-ProcessUnfair-AdvantageUI Design WebsiteManagement WebsiteLow operating cost digital website agencySee-Your-Website-Before-You-Pay

WebAsOne UI Design


WebAsOne UI design aims to help users to have entire proto-type websites in minutes. Next is to use the management website to fine-tune. 

UI Design website is a drag and drop. Currently, there are more than 1400+ draggable blocks. WebAsOne is a continuously improving platform. The process of adding shared blocks or personal blocks is easy. The system is ready for thousands of asone-blocks which is the easy part.

Users can create unlimited pages, each with up to 8 blocks. There are five shared blocks.

Quick intro video. ui_intro

There are two groups.

 Layout 
There are 1070 draggable items of 1, 2, 3, 4. 6 column blocks.
 Design 
For design, jquery plugin, svelte, Vue, blog, rbac, google API, web apps, colors.

AsOne Block: Layout column blocks

Type At management server Type At management server
text TinyMCE editor image Upload, resize, and use ImageMagick to transform 
imagetext TinyMCE and image processing panel Bootstrap 4 card
svg Use svg-editor tab Bootstrap 4 tab
slider Bootstrap 4 carousel code Use codeMirror to enter Html/CSS/js/PHP code
youtube Embedded youtube youtubetext Embedded youtube and TinyMCE 

Every AsOne Block: Layout can select its background: image, SVG, video, or colors.


AsOne Block: Design

Type Desc type Desc
Theme Colors About 140 color themes. Type "color" to search. Website background image or video. Type "background" to search.
Shopping Cart Opencart, Sylus, Vue Shop, Mini Cart. Type "shop" to search. Design Type your desired string to search. i.e., quote, table
JQuery Misc jquery plugin. Type "jquery" to search. svg SVG related. Type "SVG" to search.
Panel styling Bootstrap 4 panels styling. Type "panel style" to search. Svelte Sevelte related. Type "svelte" to search.
Yii Yii2 RBAC integrated. Type "yii2" to search. Blog Symfony, Angular, Vue, Bootstrap 4. Type "blog" to search.
Dynamic block Randomize the first 2 or 3 blocks. It could be used for A/B testing. 
Type "dynamic" to search. This must be the last of the home page design block.
Misc Google map, mail, contact form. 
template

Current name list Default, Icons, and Format. Search string: 1m,1-editor-{templateName}. The list will increase a lot. The templates are TinyMCE templates.