Documentation

Components

Page

ComponentDescriptionPlan
PageA container of the whole page.Personal

Layout

ComponentDescriptionPlan
CardA card that contains three optional slots; a header, a body and a footer.Personal
DividerA way to divide content vertically; the content above the divider and the content below it.Personal
FooterA simple customizable footer that can be used at the bottom of the page.Personal
GridA grid-based container that is useful for creating some layouts.Personal
Menu barA simple customizable menu bar that can be used at the top of the page.Personal
SectionA mostly flex-based general purpose layout container that can be used for more than that.Personal
Side barComing soon...Personal
SpacerA component that adds space between other components.Personal

Content

ComponentDescriptionPlan
BadgeA badge can be used to display unread notifications, item counts or status indicators among other things.Personal
HeadingA heading with six different levels that have been configured using a typography scale.Personal
ImageAn image with built-in optimization capabilities.Personal
ListA list that can be either ordered or unordered.Personal
List itemAn item in an ordered or unordered list.Personal
Rich textA rich-text editor and viewer with support for text styles and headings among other things.Pro
TableA component that contains mainly tabular data.Personal
Table dataA component that contains the tabular data for a column in a row of a table.Personal
Table headerA component that contains the header for a column in a row of a table.Personal
Table rowA component that represents a row in a table.Personal
TextA component that contains text.Personal

Interaction

ComponentDescriptionPlan
ButtonA button or a link that looks like a button.Personal
CanvasA programmable canvas that can be used to create interactive experiences, tools or games.Pro Gold
LinkA link that can be configured to open in the same window or a separate blank window.Personal
MapA map that uses tiles from OpenStreetMap by default.Pro

Forms

ComponentDescriptionPlan
CheckboxA checkbox that is useful in forms among other places.Personal
FormA form that allows you to submit data.Personal
InputAn input that can be used in a form or other places and receive input.Personal
LabelA label that mainly describes form controls like inputs and selects.Personal
Radio groupA radio group where only one radio button can be enabled at a time.Personal
SelectA form component with a drop-down menu where you can select an option.Personal
SwitchA component that acts in a similar way to a checkbox but looks different.Personal
Text areaA text area that can be used in a form or other places and receive input.Personal

Feedback and status

ComponentDescriptionPlan
AlertA content container that alerts the user in a visual way using different themes.Personal
DialogA dialog that contains three optional slots; a header, a body and a footer.Personal
SpinnerA component that spins around forever and is useful for when things are loading.Personal

Advanced

ComponentDescriptionPlan
ElementA useful component if you cannot do what you want with other existing ones.Pro Gold

Expressions

Constants

ExpressionDescriptionPlan
LiteralComing soon...Personal

Math

ExpressionDescriptionPlan
AbsReturns the absolute value of a number.Personal
AcosReturns the inverse cosine of a number in radians.Pro
AcoshReturns the inverse hyperbolic cosine of a number.Pro
AddReturns the sum of the addition.Personal
AsinReturns the inverse sine of a number in radians.Pro
AsinhReturns the inverse hyperbolic sine of a number.Pro
AtanReturns the inverse tangent of a number in radians.Pro
Atan2Returns the radian-based angle in the plane between the positive X-axis and the ray from (0, 0) to the point (x, y).Pro
AtanhReturns the inverse hyperbolic tangent of a number.Pro
AverageReturns the average number of the supplied array, or 0 if the array is empty.Personal
CeilReturns the smallest integer greater than or equal to the given number.Personal
ClampComing soon...Personal
CosReturns the cosine of a number in radians.Pro
CoshReturns the hyperbolic cosine of a number.Pro
DivideComing soon...Personal
FloorReturns the largest integer less than or equal to the given number.Personal
MaxComing soon...Personal
MinComing soon...Personal
MultiplyComing soon...Personal
PIComing soon...Personal
PowReturns the value of the provided base raised to the provided power.Pro
RandomComing soon...Personal
RoundComing soon...Personal
SinReturns the sine of a number in radians.Pro
SinhReturns the hyperbolic sine of a number.Pro
SqrtReturns the square root of a number.Pro
SubtractComing soon...Personal
SumComing soon...Personal
TanReturns the tangent of a number in radians.Pro
TanhReturns the hyperbolic tangent of a number.Pro

Logic

ExpressionDescriptionPlan
AndComing soon...Personal
CoalesceComing soon...Personal
EqualsComing soon...Personal
Greater thanComing soon...Personal
Greater than or equal toComing soon...Personal
IfComing soon...Personal
IncludesComing soon...Pro
Less thanComing soon...Personal
Less than or equal toComing soon...Personal
NotComing soon...Personal
OrComing soon...Personal

Text

ExpressionDescriptionPlan
ConcatenateComing soon...Personal
ContainsComing soon...Personal
Is e-mailComing soon...Personal
JoinComing soon...Personal
Lower-caseComing soon...Personal
ReplaceComing soon...Personal
SplitComing soon...Personal
String lengthComing soon...Personal
SubstringComing soon...Personal
To stringComing soon...Personal
TrimComing soon...Personal
Upper-caseComing soon...Personal

Collections

ExpressionDescriptionPlan
AllComing soon...Pro
AnyComing soon...Pro
CountComing soon...Pro
DistinctComing soon...Pro
FilterComing soon...Pro
FirstComing soon...Pro
Group byComing soon...Pro Gold
LastComing soon...Pro
LengthComing soon...Pro
LookupComing soon...Pro Gold
MapComing soon...Pro
PipelineComing soon...Pro Gold
RangeComing soon...Pro
SortComing soon...Pro

Object

ExpressionDescriptionPlan
Get by keyComing soon...Personal
ObjectComing soon...Pro
PathComing soon...Pro
StateComing soon...Pro

Conversion

ExpressionDescriptionPlan
Degrees to radiansComing soon...Personal
Hours to millisecondsComing soon...Personal
Hours to minutesComing soon...Personal
Hours to secondsComing soon...Personal
Milliseconds to hoursComing soon...Personal
Milliseconds to minutesComing soon...Personal
Milliseconds to secondsComing soon...Personal
Minutes to hoursComing soon...Personal
Minutes to millisecondsComing soon...Personal
Minutes to secondsComing soon...Personal
Radians to degreesComing soon...Personal
Seconds to hoursComing soon...Personal
Seconds to millisecondsComing soon...Personal
Seconds to minutesComing soon...Personal
To arrayComing soon...Personal
To booleanComing soon...Personal
To numberComing soon...Personal
To objectComing soon...Personal

Date & Time

ExpressionDescriptionPlan
Date addComing soon...Pro
Date differenceComing soon...Pro
Date partComing soon...Personal
Format dateComing soon...Personal
NowComing soon...Personal

Component

ExpressionDescriptionPlan
Component propertyComing soon...Pro

Viewport

ExpressionDescriptionPlan
Is desktopComing soon...Personal
Is landscapeComing soon...Personal
Is mobileComing soon...Personal
Is portraitComing soon...Personal
Is tabletComing soon...Personal
Viewport heightComing soon...Personal
Viewport orientationComing soon...Personal
Viewport widthComing soon...Personal

Socket

ExpressionDescriptionPlan
Is socket connectedComing soon...Pro Gold
Is socket disconnectedComing soon...Pro Gold
Is socket reconnectingComing soon...Pro Gold
Socket dataComing soon...Pro Gold
Socket data arrayComing soon...Pro Gold

Canvas

ExpressionDescriptionPlan
Canvas delta timeComing soon...Pro Gold
Canvas FPSComing soon...Pro Gold
Canvas frameComing soon...Pro Gold
Canvas heightComing soon...Pro Gold
Canvas key downComing soon...Pro Gold
Canvas mouse buttonComing soon...Pro Gold
Canvas mouse downComing soon...Pro Gold
Canvas mouse movedComing soon...Pro Gold
Canvas mouse pressedComing soon...Pro Gold
Canvas mouse releasedComing soon...Pro Gold
Canvas mouse wheelComing soon...Pro Gold
Canvas mouse XComing soon...Pro Gold
Canvas mouse YComing soon...Pro Gold
Canvas timeComing soon...Pro Gold
Canvas widthComing soon...Pro Gold

Platform User

ExpressionDescriptionPlan
Is platform user adminComing soon...Pro
Is platform user authenticatedComing soon...Personal
Is platform user website ownerComing soon...Personal
Platform user e-mailComing soon...Personal

User

ExpressionDescriptionPlan
Is user authenticatedComing soon...Pro Gold
User e-mailComing soon...Pro Gold
User nameComing soon...Pro Gold

Website

ExpressionDescriptionPlan
Website descriptionComing soon...Personal
Website languageComing soon...Personal
Website nameComing soon...Personal

Actions

Navigation

ActionDescriptionPlan
NavigateComing soon...Pro

Component

ActionDescriptionPlan
Update componentComing soon...Pro

State

ActionDescriptionPlan
Add state valueComing soon...Pro
Set state valueComing soon...Pro

Flow Control

ActionDescriptionPlan
For eachComing soon...Pro
IfComing soon...Pro
WaitComing soon...Pro

Socket

ActionDescriptionPlan
Socket broadcastComing soon...Pro Gold
Socket connectComing soon...Pro Gold
Socket data addComing soon...Pro Gold
Socket data clearComing soon...Pro Gold
Socket data removeComing soon...Pro Gold
Socket disconnectComing soon...Pro Gold
Socket emitComing soon...Pro Gold

Canvas

ActionDescriptionPlan
Canvas circleComing soon...Pro Gold
Canvas clearComing soon...Pro Gold
Canvas imageComing soon...Pro Gold
Canvas lineComing soon...Pro Gold
Canvas polygonComing soon...Pro Gold
Canvas rectangleComing soon...Pro Gold
Canvas restoreComing soon...Pro Gold
Canvas rotateComing soon...Pro Gold
Canvas saveComing soon...Pro Gold
Canvas scaleComing soon...Pro Gold
Canvas textComing soon...Pro Gold
Canvas translateComing soon...Pro Gold

User

ActionDescriptionPlan
User sign inComing soon...Pro Gold
User sign outComing soon...Pro Gold
User sign upComing soon...Pro Gold

Debugging

ActionDescriptionPlan
PrintComing soon...Pro