We've just released the first iteration of easy to configure animations!
Simply select an element and from the Right panel and scroll down to add an animation to it. When adding animations you can make adjustments such as delay, number of iterations and more. Animations can also be added to interaction states such as mouse hover and there’s also an option to trigger them when the item is revealed in the viewport.
We're really looking forward to seeing what you'll be creating with this feature and eagerly await feedback!
AI website builder
One of our new attempts at adding more AI to TeleportHQ was released in the form of the AI website builder.
This generator takes a ChatGPT prompt and then creates a template whose content is based on the previously provided prompt. Once generated a few themes are available to further customize the website and in just a few seconds you can have a new project with little to no effort.
New image slider interactive elements
Using this element you can easily create a carousel slider and completely skip adding custom JS and embeds. Once added to the canvas it can be styled, configured from the Right panel and new images or elements can be added to the slides.
Interactive elements is a category on which we plan to further expand in the future, so keep an eye out.
Mixed type CMS element
This is a helper element.
It is used inside of CMS Lists or Items, when they are linked to a CMS data type that contains a field which acts as a reference to an entity that can be of one or more data types.
When configuring a CMS Mixed Type element, in the mappings section, you can create a mapping to whichever data types you expect that particular Mixed Type element to use.
Each mapping will then be able to display a component when its data type is matched by the Mixed Type element.
Array mapper CMS elements
This is also a helper element used inside of CMS Lists or Items.
When they are linked to a CMS data type that contains an array or list field of any kind. It cannot be bound to a data type itself and therefore using it outside the context of CMS nodes is not useful.
Its source is set by dynamically linking a field from some CMS List/Item hierarchically above the array mapper.
As an example, on an ecommerce CMS type there can be some product types. Those products can, in turn, have a field for a short list of images of the product or even other related products. To show either list, an Array mapper element can be used either independently or in conjunction with other CMS elements, as needed.