Evolutility 1.0.3

Views which change form, volume and structure to adapt to your data.

Evolutility provides a set of generic Views ("V" as in "MVC") to browse, edit, filter, export and chart data of different structures and volumes.

With Evolutility, views are not defined in Javascript, templates and CSS but configured with ui-models (metadata about the UI).

Sample views

See the view for a app.

If you are wondering, No, I didn't write 40 templates (10 views for 4 entities = 40 views) for the demo above. I only wrote 4 ui-models, Evolutility is doing the rest.

From a set of views to a single page app

Together the views "browse", "edit", "list" and "filter" provide CRUD (Create, Read, Update, Delete) functionality. The other views "cards", "bubbles", "charts" and "mini" make the app more user-friendly and powerful.

Demo applications (using your browser's local storage):

UI model to configure the views

Views are configured with a UI-model. Each UI-model is the single source of truth for all UI elements in all views of a specific entity. It contains a DRY (Don't Repeat Yourself) description of the UI elements on screen and how they map to the model. From a single UI-model, many views of an entity can be generated at run-time to browse, edit, filter, export, chart the data (for CRUD and more).

The "vocabulary" of UI-models is abstracted from the DOM and uses words like "tab", "panel" or "field" rather than "div", "span", "input"...

Example of UI-Models used in the demos: To Do, Addressbook, Wine Cellar, Graphic Novels. [Hide]

Documentation

Learn more about Evolutility UI-models and generic Views.

Download & Code

Evolutility.js source code is available at GitHub under the GNU AGPLv3 license.

The meaning of Evolutility

In biology, Evolutility means "The faculty possessed by all substances capable of self-nourishment of manifesting the nutritive acts by changes of form, of volume, or of structure."

This open source project is a UI which changes form, volume and structure. It's DNA is metadata.