Views

Views are made up of (HTML) elements which, if you don't know, are the building blocks of web pages, containing content, structure, and attributes.

Overview

Views are simply groups of elements.

Elements

In Stellify, elements are categorised based upon their attributes, the following categories currently exist:

• Layout
• Input
• Form
• Svg
• Shape
• Media
• Frame

Super Elements

Stellify also has a number of what we call "Super Elements". These are elements that have a special purpose and are not part of the standard HTML specification. They are used to create more complex layouts. The Super Elements currently available are:

• Loop - renders elements by iterating over data
• Stream - streams elements and files from the server for rendering/ execution
• Motion - provides an API to allow use of MotionJS in your projects
• Transition - provides an API to allow use of VueJS Transitions
• Freestyle - provides an API to make use of styles rather than classes, useful for animation

Layouts

Stellify gives you absolute flexibility in how you structure your views. Here are some strategies:

Creating views by reference

You can review the full Elements API specification here.