Less code - more done!

InfinniUI low-code framework

Standard html code

<div class="pl-textbox form-group pl-text-horizontal-Left pl-horizontal-Stretch verticalAlignmentTop pl-empty-text-editor"> <label class="pl-control-label" for="fa98b9ab-6c39-4912-b9eb-1a902bab2c48">User Name</label> <input class="pl-editor pl-control form-control pl-text-box-input pl-control-editor" type="text" id="fa98b9ab-6c39-4912-b9eb-1a902bab2c48"> <div class="pl-control-hint-text help-block hidden"></div> <div class="pl-control-error-text help-block hidden"> </div><div class="pl-control-warning-text help-block hidden"></div> </div> <div class="pl-password-box form-group pl-text-horizontal-Left pl-horizontal-Stretch verticalAlignmentTop pl-empty-text-editor"> <label class="pl-control-label" for="d1e4c4c5-dde2-4dc3-b758-6d55ad570ed3">Password</label> <input class="pl-control form-control pl-password-box-input" type="password" id="d1e4c4c5-dde2-4dc3-b758-6d55ad570ed3"> <div class="pl-control-hint-text help-block hidden"> </div><div class="pl-control-error-text help-block hidden"></div> <div class="pl-control-warning-text help-block hidden"></div> </div>

How it works

JSON metadata

Framework uses JSON-schema declarative descriptions to generate visual UI elements.

Data sources

Get connected to remote data sources. Documented ability to link any http-like data source providers.

Data binding

Establishes simple synchronization between UI elements and their sources providers.

Customization

Many ready to use out-of-the-box UI elements

Support of css3 styles

Third party plug-ins support

Extensions to add completely new UI elements

Bootstrap 3 forms generation