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 table.Personal
Table rowA component that contains 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 text areas.Personal
Radio groupA radio group where only one radio button can be enabled at a time.Personal
SelectA form control 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
AbsoluteReturns the absolute value of a number.Personal
Inverse cosineReturns the inverse cosine of a number in radians.Pro
Inverse hyperbolic cosineReturns the inverse hyperbolic cosine of a number.Pro
AddReturns the sum of the addition.Personal
Inverse sineReturns the inverse sine of a number in radians.Pro
Inverse hyperbolic sineReturns the inverse hyperbolic sine of a number.Pro
Inverse tangentReturns the inverse tangent of a number in radians.Pro
Angle between pointsReturns 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 tangentReturns the inverse hyperbolic tangent of a number.Pro
AverageReturns the average number of the supplied array, or 0 if the array is empty.Personal
CeilingReturns the smallest integer greater than or equal to the given number.Personal
ClampComing soon...Personal
CosineReturns the cosine of a number in radians.Pro
Hyperbolic cosineReturns the hyperbolic cosine of a number.Pro
DivideReturns the quotient of the division.Personal
FloorReturns the largest integer less than or equal to the given number.Personal
MaximumComing soon...Personal
MinimumComing soon...Personal
MultiplyReturns the product of the multiplication.Personal
PIComing soon...Personal
Power ofReturns the value of the provided base raised to the provided power.Pro
RandomComing soon...Personal
RoundComing soon...Personal
SineReturns the sine of a number in radians.Pro
Hyperbolic sineReturns the hyperbolic sine of a number.Pro
Square rootReturns the square root of a number.Pro
SubtractReturns the difference of the subtraction.Personal
SumComing soon...Personal
TangentReturns the tangent of a number in radians.Pro
Hyperbolic tangentReturns 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-mail addressComing soon...Personal
JoinComing soon...Personal
LowercaseComing soon...Personal
ReplaceComing soon...Personal
SplitComing soon...Personal
LengthComing soon...Personal
SubstringComing soon...Personal
To stringComing soon...Personal
TrimComing soon...Personal
UppercaseComing 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
AddComing soon...Pro
DifferenceComing soon...Pro
PartComing soon...Personal
FormatComing soon...Personal
NowComing soon...Personal

Component

ExpressionDescriptionPlan
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
HeightComing soon...Personal
OrientationComing soon...Personal
WidthComing soon...Personal

WebSocket

ExpressionDescriptionPlan
Is connectedComing soon...Pro Gold
Is connectedComing soon...Pro Gold
Is reconnectingComing soon...Pro Gold
DataComing soon...Pro Gold
Data arrayComing soon...Pro Gold

Canvas

ExpressionDescriptionPlan
Delta timeComing soon...Pro Gold
Frames per secondComing soon...Pro Gold
FrameComing soon...Pro Gold
HeightComing soon...Pro Gold
Key downComing soon...Pro Gold
Mouse buttonComing soon...Pro Gold
Mouse downComing soon...Pro Gold
Mouse movedComing soon...Pro Gold
Mouse pressedComing soon...Pro Gold
Mouse releasedComing soon...Pro Gold
Mouse wheelComing soon...Pro Gold
Mouse XComing soon...Pro Gold
Mouse YComing soon...Pro Gold
TimeComing soon...Pro Gold
WidthComing soon...Pro Gold

Platform User

ExpressionDescriptionPlan
Is administratorComing soon...Pro
Is authenticatedComing soon...Personal
Is website ownerComing soon...Personal
E-mail addressComing soon...Personal

User

ExpressionDescriptionPlan
Is authenticatedComing soon...Pro Gold
E-mail addressComing soon...Pro Gold
NameComing soon...Pro Gold

Website

ExpressionDescriptionPlan
DescriptionComing soon...Personal
LanguageComing soon...Personal
NameComing soon...Personal

Actions

Navigation

ActionDescriptionPlan
NavigateComing soon...Pro

Component

ActionDescriptionPlan
UpdateComing soon...Pro

State

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

Flow Control

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

WebSocket

ActionDescriptionPlan
BroadcastComing soon...Pro Gold
ConnectComing soon...Pro Gold
Add dataComing soon...Pro Gold
Clear dataComing soon...Pro Gold
Remove dataComing soon...Pro Gold
DisconnectComing soon...Pro Gold
EmitComing soon...Pro Gold

Canvas

ActionDescriptionPlan
CircleComing soon...Pro Gold
ClearComing soon...Pro Gold
ImageComing soon...Pro Gold
LineComing soon...Pro Gold
PolygonComing soon...Pro Gold
RectangleComing soon...Pro Gold
RestoreComing soon...Pro Gold
RotateComing soon...Pro Gold
SaveComing soon...Pro Gold
ScaleComing soon...Pro Gold
TextComing soon...Pro Gold
TranslateComing soon...Pro Gold

User

ActionDescriptionPlan
Sign inComing soon...Pro Gold
Sign outComing soon...Pro Gold
Sign upComing soon...Pro Gold

Debugging

ActionDescriptionPlan
PrintComing soon...Pro