Assets manager overhaul, custom files and Private folder

TeleportHQ's May 2023 release rebuilds the assets manager with a tree view, adds custom file uploads and a Private folder, and brings cross-project copy and paste, dynamic panel props and three new templates. It also removes four JavaScript frameworks from code export.

Major feature

Assets Manager overhaul and Custom files support!

We are happy to bring you our new and improved Assets manager and Custom files support! This update includes three significant improvements.

UI Refactoring

With our new tree view structure, you can effortlessly create your desired folder hierarchy, organize your assets, and navigate through them using drag and drop, even after export. Expand and collapse folders as needed, and quickly preview images and videos on hover. You can also open a side panel for a zoomed-in view of a folder’s content.

The assets manager's new tree view with folders being rearranged by drag and drop

Upload and edit custom files

Now you can upload text files like PDFs, DOCs, XLSs, and more into the assets manager and make them available for preview or download. You can also upload and edit particular files, such as robots.txt and sitemap.xml.

Uploading a custom file to the assets manager and editing it

Private folder

Furthermore, a new feature, the Private folder, is available to upload text files into it for your project's build and background settings, like the next.config.js file or various other config files.

Updates

3 New templates

Three new templates will spark your creativity while designing new websites. Each template boasts unique aesthetics and can help you describe your businesses in different fields. These last templates are for: the travel industry, healthcare, and NFT’s.

The three new templates for travel, healthcare and NFTs

Cross project component copy/paste

Elements and components can now be copied from one project to another, along with all the necessary dependencies, assets, and design language elements ( classes, color tokens, and text styles ). In addition, if there are conflicting design language elements, a modal will appear to solve these conflicts ( creating a new one, keeping the old one, or merging the two ).

For copy/pasting via the contextual menu, permission has to be accepted. The copy/paste via the hotkeys (CTRL/CMD + C/V) works as before.

Copying a component in one project and pasting it into another, with the conflict modal

Dynamic panel props

We are introducing the Dynamic Panel, which simplifies customizing components using "props" and "states."

Props are reusable dynamic values, while states represent changing internal data. Effortlessly link props and states to text elements, image sources, and alt properties. Define a single prop for multiple elements or connect states for reactive updates.

Enhance flexibility and control in your component customization!

The Dynamic Panel linking props and states to a text element and an image

JS Generators removed

We have removed the Gatsby, Preact, Stencil, and Gridsome frameworks from the TeleportHQ platform. As a result, users can no longer export projects or copy generated code in Gatsby, Preact, Stencil, or Gridsome frameworks.

The export options without Gatsby, Preact, Stencil and Gridsome

Improvements & Fixes

Navbar smart element can now be turned into components
The Iframe element can now be selected in the canvas and previewed on demand
Various UI Improvements in the editor
Figma plugin copy/paste fixes