Documentation

Components

Page

Component	Description	Plan
Page	A container of the whole page.	Personal

Layout

Component	Description	Plan
Accordion	A content container with titled and expandable content containers (items).	Pro
Accordion item	A titled and expandable content container (item) of an Accordion component.	Pro
Card	A card that contains three optional slots; a header, a body and a footer.	Personal
Divider	A way to divide content vertically; the content above the divider and the content below it.	Personal
Footer	A simple customizable footer that can be used at the bottom of the page.	Personal
Grid	A grid-based container that is useful for creating some layouts.	Personal
Marquee	A container component that rolls in one direction.	Pro
Menu bar	A simple customizable menu bar that can be used at the top of the page.	Personal
Menu bar 2	A new customizable menu bar that can be used at the top of the page.	Personal
Section	A mostly flex-based general purpose layout container that can be used for more than that.	Personal
Side bar	Coming soon...	Personal
Spacer	A component that adds space between other components.	Personal
Tab pane	A content container with titled tabs that contains content containers (items).	Pro
Tab pane item	A titled content container (item) that is represented as a tab in a TabPane component.	Pro
Timeline	A content container that shows its items as a timeline.	Pro
Timeline item	A content container that shows a date, some optional fields and optional components.	Pro

Content

Component	Description	Plan
AreaChart	An area chart represents data as an area.	Pro
Badge	A badge can be used to display unread notifications, item counts or status indicators among other things.	Personal
BarChart	A bar chart represents data as bars.	Pro
Breadcrumb	A breadcrumb can be used to show the navigation structure of a website.	Personal
Heading	A heading with six different levels that have been configured using a typography scale.	Personal
Icon	An icon that supports Font Awesome icons.	Pro
Image	An image with built-in optimization capabilities.	Personal
List	A list that can be either ordered or unordered.	Personal
List item	An item in an ordered or unordered list.	Personal
Progress bar	A progress bar shows the progress of some process or task.	Pro
Rating	A component that allows you to rate something by selecting how many stars it should have.	Pro
Rich text	A rich text-editor and viewer with support for text styles and headings among other things.	Pro
Table	A component that contains mainly tabular data.	Personal
Table data	A component that contains the tabular data for a column in a row of a table.	Personal
Table header	A component that contains the header for a column in a table.	Personal
Table row	A component that contains a row in a table.	Personal
Text	A component that contains text.	Personal
Video	A video component with support for different formats.	Personal

Interaction

Component	Description	Plan
Button	A button or a link that looks like a button.	Personal
Canvas	A programmable canvas that can be used to create interactive experiences, tools or games.	Pro Gold
Link	A link that can be configured to open in the same window or a separate blank window.	Personal
Map	A map that uses tiles from OpenStreetMap by default.	Pro

Forms

Component	Description	Plan
Checkbox	A checkbox that is useful in forms among other places.	Personal
Form	A form that allows you to submit data.	Personal
Input	An input that can be used in a form or other places and receive input.	Personal
Label	A label that mainly describes form controls like inputs and text areas.	Personal
Radio group	A radio group where only one radio button can be enabled at a time.	Personal
Select	A form control with a drop-down menu where you can select an option.	Personal
Switch	A component that acts in a similar way to a checkbox but looks different.	Personal
Text area	A text area that can be used in a form or other places and receive input.	Personal

Feedback and status

Component	Description	Plan
Alert	A content container that alerts the user in a visual way using different themes.	Personal
Dialog	A dialog that contains three optional slots; a header, a body and a footer.	Personal
Spinner	A component that spins around forever and is useful for when things are loading.	Personal

Advanced

Component	Description	Plan
Element	A useful component if you cannot do what you want with other existing ones.	Pro Gold

Expressions

Constants

Expression	Description	Plan
Literal	Coming soon...	Personal

Math

Expression	Description	Plan
Absolute	Returns the absolute value of a number.	Personal
Inverse cosine	Returns the inverse cosine of a number in radians.	Pro
Inverse hyperbolic cosine	Returns the inverse hyperbolic cosine of a number.	Pro
Add	Returns the sum of the addition.	Personal
Inverse sine	Returns the inverse sine of a number in radians.	Pro
Inverse hyperbolic sine	Returns the inverse hyperbolic sine of a number.	Pro
Inverse tangent	Returns the inverse tangent of a number in radians.	Pro
Angle between points	Returns the radian-based angle in the plane between the positive X-axis and the ray from (0, 0) to the point (x, y).	Pro
Inverse hyperbolic tangent	Returns the inverse hyperbolic tangent of a number.	Pro
Average	Returns the average number of the supplied array, or 0 if the array is empty.	Personal
Ceiling	Returns the smallest integer greater than or equal to the given number.	Personal
Clamp	Coming soon...	Personal
Cosine	Returns the cosine of a number in radians.	Pro
Hyperbolic cosine	Returns the hyperbolic cosine of a number.	Pro
Divide	Returns the quotient of the division.	Personal
Floor	Returns the largest integer less than or equal to the given number.	Personal
Maximum	Returns the largest number in the array provided.	Personal
Minimum	Returns the smallest number in the array provided.	Personal
Multiply	Returns the product of the multiplication.	Personal
PI	Coming soon...	Personal
Power of	Returns the value of the provided base raised to the provided power.	Pro
Random	Coming soon...	Personal
Round	Coming soon...	Personal
Sine	Returns the sine of a number in radians.	Pro
Hyperbolic sine	Returns the hyperbolic sine of a number.	Pro
Square root	Returns the square root of a number.	Pro
Subtract	Returns the difference of the subtraction.	Personal
Sum	Returns the sum of all numbers in the provided array.	Personal
Tangent	Returns the tangent of a number in radians.	Pro
Hyperbolic tangent	Returns the hyperbolic tangent of a number.	Pro

Logic

Expression	Description	Plan
And	Coming soon...	Personal
Coalesce	Coming soon...	Personal
Equals	Coming soon...	Personal
Greater than	Coming soon...	Personal
Greater than or equal to	Coming soon...	Personal
If	Coming soon...	Personal
Includes	Coming soon...	Pro
Less than	Coming soon...	Personal
Less than or equal to	Coming soon...	Personal
Not	Coming soon...	Personal
Or	Coming soon...	Personal

Text

Expression	Description	Plan
Concatenate	Coming soon...	Personal
Contains	Coming soon...	Personal
Is e-mail address	Returns true if the provided value is a valid e-mail address and false otherwise.	Personal
Join	Coming soon...	Personal
Lowercase	Returns a string representation of value in lowercase.	Personal
Replace	Coming soon...	Personal
Split	Coming soon...	Personal
Length	Returns the length of a text string.	Personal
Substring	Returns a substring of the provided value.	Personal
To string	Returns a string representation of the provided value.	Personal
Trim	Returns a string based on the provided value but with any leading and trailing whitespace trimmed.	Personal
Uppercase	Returns a string representation of value in uppercase.	Personal

Collections

Expression	Description	Plan
All	Coming soon...	Pro
Any	Coming soon...	Pro
Array	Returns an array representation of the provided variadic values.	Pro
Count	Coming soon...	Pro
Distinct	Coming soon...	Pro
Filter	Coming soon...	Pro
First	Coming soon...	Pro
Group by	Coming soon...	Pro Gold
Last	Coming soon...	Pro
Length	Coming soon...	Pro
Lookup	Coming soon...	Pro Gold
Map	Coming soon...	Pro
Pipeline	Coming soon...	Pro Gold
Range	Coming soon...	Pro
Sort	Coming soon...	Pro

Object

Expression	Description	Plan
Get by key	Coming soon...	Personal
Object	Coming soon...	Pro
Path	Coming soon...	Pro
State	Returns the state value associated with the provided path.	Pro

Conversion

Expression	Description	Plan
Degrees to radians	Returns the number of radians that the provided degrees represents.	Personal
Hours to milliseconds	Returns the number of milliseconds that the provided hours represents.	Personal
Hours to minutes	Returns the number of minutes that the provided hours represents.	Personal
Hours to seconds	Returns the number of seconds that the provided hours represents.	Personal
Is array	Returns true if the provided value is an array and false otherwise.	Personal
Is boolean	Returns true if the provided value is of type boolean (true or false) and false otherwise.	Personal
Is null	Returns true if the provided value is null and false otherwise.	Personal
Is number	Returns true if the provided value is a number and false otherwise.	Personal
Is object	Returns true if the provided value is an object and false otherwise.	Personal
Is string	Returns true if the provided value is a string and false otherwise.	Personal
Milliseconds to hours	Returns the number of hours that the provided milliseconds represents.	Personal
Milliseconds to minutes	Returns the number of minutes that the provided milliseconds represents.	Personal
Milliseconds to seconds	Returns the number of seconds that the provided milliseconds represents.	Personal
Minutes to hours	Returns the number of hours that the provided minutes represents.	Personal
Minutes to milliseconds	Returns the number of milliseconds that the provided minutes represents.	Personal
Minutes to seconds	Returns the number of seconds that the provided minutes represents.	Personal
Radians to degrees	Returns the number of degrees that the provided radians represents.	Personal
Seconds to hours	Returns the number of hours that the provided seconds represents.	Personal
Seconds to milliseconds	Returns the number of milliseconds that the provided seconds represents.	Personal
Seconds to minutes	Returns the number of minutes that the provided seconds represents.	Personal
To array	Returns an array representation of the provided value.	Personal
To boolean	Returns a boolean representation of the provided value.	Personal
To number	Returns a number representation of the provided value.	Personal
To object	Returns an object representation of the provided value.	Personal

Date & Time

Expression	Description	Plan
Add	Coming soon...	Pro
Difference	Coming soon...	Pro
Part	Coming soon...	Personal
Format	Coming soon...	Personal
Get age	Coming soon...	Personal
Now	Coming soon...	Personal

Component

Expression	Description	Plan
Component	Coming soon...	Pro Gold
Property	Coming soon...	Pro

Viewport

Expression	Description	Plan
Is desktop	Returns true if the viewport is currently viewed as a desktop and false otherwise.	Personal
Is landscape	Returns true if the viewport is currently using a landscape orientation and false otherwise.	Personal
Is mobile	Returns true if the viewport is currently viewed as a mobile and false otherwise.	Personal
Is portrait	Returns true if the viewport is currently using a portrait orientation and false otherwise.	Personal
Is tablet	Returns true if the viewport is currently viewed as a tablet and false otherwise.	Personal
Height	Returns the height of the viewport.	Personal
Orientation	Returns a string with the orientation of the viewport.	Personal
Width	Returns the width of the viewport.	Personal

WebSocket

Expression	Description	Plan
Is connected	Returns true if the client is connected to the server and false otherwise.	Pro Gold
Is connected	Returns true if the client is disconnected from the server and false otherwise.	Pro Gold
Is reconnecting	Returns true if the client is currently reconnecting to the server and false otherwise.	Pro Gold
Data	Coming soon...	Pro Gold
Data array	Coming soon...	Pro Gold

Canvas

Expression	Description	Plan
Delta time	Returns the delta time since the last update.	Pro Gold
Frames per second	Returns the most recently calculated frames per second (FPS).	Pro Gold
Frame	Coming soon...	Pro Gold
Height	Returns the height of the canvas.	Pro Gold
Key down	Returns true if the provided key is being pressed and false otherwise.	Pro Gold
Mouse button	Coming soon...	Pro Gold
Mouse down	Coming soon...	Pro Gold
Mouse moved	Coming soon...	Pro Gold
Mouse pressed	Coming soon...	Pro Gold
Mouse released	Coming soon...	Pro Gold
Mouse wheel	Coming soon...	Pro Gold
Mouse X	Returns the X-coordinate of the mouse cursor in the canvas.	Pro Gold
Mouse Y	Returns the Y-coordinate of the mouse cursor in the canvas.	Pro Gold
Time	Coming soon...	Pro Gold
Width	Returns the width of the canvas.	Pro Gold

Platform User

Expression	Description	Plan
Is administrator	Returns true if the platform user is an administrator and false otherwise.	Pro
Is authenticated	Returns true if the platform user is authenticated and false otherwise.	Personal
Is website owner	Returns true if the platform user is owner of the website and false otherwise.	Personal
E-mail address	Returns a string with the e-mail address of the platform user.	Personal

User

Expression	Description	Plan
Is authenticated	Returns true if the website user is authenticated and false otherwise.	Pro Gold
E-mail address	Returns a string with the e-mail address of the website user.	Pro Gold
Name	Returns a string with the name of the website user.	Pro Gold

Website

Expression	Description	Plan
Description	Returns a string with the description of the website.	Personal
Language	Returns a string with the language of the website.	Personal
Name	Returns a string with the name of the website.	Personal

Actions

Navigation

Action	Description	Plan
Navigate	Navigates to another page.	Pro

Component

Action	Description	Plan
Add	Adds a new component to some existing parent component.	Pro Gold
Remove	Removes an existing component from the page.	Pro Gold
Update	Updates properties of a specified component.	Pro

State

Action	Description	Plan
Add value	Adds a state value to a specified list of values.	Pro
Set value	Sets a state value.	Pro

Flow Control

Action	Description	Plan
Client	Transfers the rest of the execution back to the client from the server.	Pro Gold
For each	Executes all actions that follow for each item in the array.	Pro
If	Executes the first action that follows if the specified condition is true and executes the second action otherwise.	Pro
Server	Transfers the rest of the execution to the server.	Pro Gold
Wait	Waits some number of milliseconds before the next action can execute.	Pro

Communication

Action	Description	Plan
Send e-mail	Sends an e-mail from some sender to some recipient.	Pro Gold
Send request	Sends a request to some endpoint.

WebSocket

Action	Description	Plan
Broadcast	Broadcasts a message with some data to everyone.	Pro Gold
Connect	Connects to the server.	Pro Gold
Add data	Broadcasts a message with some data to everyone and adds it to the server temporarily.	Pro Gold
Clear data	Clears all messages with data added to the server.	Pro Gold
Remove data	Removes a message with data from the server if it matches the provided data.	Pro Gold
Disconnect	Disconnects from the server.	Pro Gold
Emit	Emits a message with some data to the provided room.	Pro Gold

Canvas

Action	Description	Plan
Circle	Draws or fills a circle in the current canvas.	Pro Gold
Clear	Clears the current canvas.	Pro Gold
Image	Draws an image in the current canvas.	Pro Gold
Line	Draws a line in the current canvas.	Pro Gold
Polygon	Draws or fills a polygon in the current canvas.	Pro Gold
Rectangle	Draws or fills a rectangle in the current canvas.	Pro Gold
Restore	Restores the current canvas.	Pro Gold
Rotate	Rotates the current canvas.	Pro Gold
Save	Saves the current canvas.	Pro Gold
Scale	Scales the current canvas.	Pro Gold
Text	Fills text in the current canvas.	Pro Gold
Translate	Translates the current canvas.	Pro Gold

User

Action	Description	Plan
Sign in	Signs in the website user.	Pro Gold
Sign out	Signs out the website user.	Pro Gold
Sign up	Signs up as a website user.	Pro Gold

Debugging

Action	Description	Plan
Print	Prints a message or some data to the console.	Pro