In xTiles, you can use a wide variety of features within the main elements — tiles. Using simple commands, you can easily add images, play videos, embed content from other apps, and even insert HEX colors.
You can find all media blocks in the Media section of the command list by clicking the “+” icon, or by typing “/” inside a tile to quickly search for the commands.
Types of media blocks
There are many different types of media blocks that can be added to xTiles tiles. Here’s a complete list of media content types.
Images: Add an image to your page by upload an image from device or add an image to your page;
Video: Embed from YouTube;
Audio: Upload your own recording;
File: Upload any file to the page to save it right where you need it;
Code: Add a code block in any language with formatting;
Bookmark: Add a preview of a web URL to your page that can be clicked;
Color: Add a color code to the block to be saved;
Embed: Bring content from other apps and programs and see them conveniently in one place.
Images
Upload Images
xTiles makes adding, resizing, and organizing images in any configuration easy.
Click the “+” that appears to the left of an empty block when you hover over it. Select Image and press enter. Or type /image and press enter;
Both will create an image block in your tile. Click to upload an image from your computer or or add a photo from Unsplash;
You can also drag and drop images into xTiles!
Replace Images
You can replace an image with another one in the exact same size and position;
Hover over the image select replace. A window will open where you can upload a new image from your computer or insert an image from elsewhere.
Open in full-screen:
You can view an image in full-screen mode by hovering over Full screen icon and clicking it:
Resize images:
To resize, hover over the media block, open the menu, and choose from the suggested sizes. Or simply click on the top left icon to quickly switch between the sizes.
You can adjust an image’s position within a tile using the drag handle at the bottom. It’s also possible to reposition the image and choose which part of the full picture is visible by holding and dragging the image.
Videos
You can insert a YouTube or Loom link in xTiles to embed and play the video directly within your workspace:
Audio
You can add audio to your xTiles page in most formats by selecting the file in the upload pop-up window and clicking Open. The audio player will then appear on your page, ready to play.
File
You can add and store files in xTiles. Once added, they will appear as attachments that can be downloaded, making it especially useful when collaborating with others.
Code
Code blocks allow you to write, format, and copy any snippet of code easily.
Bookmark
Bookmarks in xTiles let you quickly save and organize links — like articles, videos, or web pages. Each link automatically turns into a visual card with the page’s title, thumbnail, and description, making it easy to browse and manage.
Use bookmarks to save and organize links, ideas, or resources you want to keep within easy reach
You can choose one of 4 types of bookmarks view:
As a card;
As a bookmark;
As a link.
As an embed
Color
The Color Block lets you add a block of color to your page and choose from a wide variety of colors using HEX, RGB, or HSL values to make your page more aesthetically pleasing.
You can easily copy colors or swap them out using the color settings in the top-right corner of the block.
The Color Picker lets you grab a color straight from your xTiles page — for example, from an image — so your blocks match perfectly with your design.
Embeds
You can embed content from many programs directly into xTiles, making it easy to keep all your resources in one place. Popular examples include Google Docs, Google Sheets, YouTube videos, Loom videos, Figma designs, PDFs and many more! This way, you can view and interact with your content from other web sources without leaving xTiles.
Learn more about how to embed here.