Canvas Elements

Canvas elements are the building blocks of your content. Each element type brings a different capability to your layout—images for branding, videos for motion, text for clarity, embeds for live data, and much more.

Image

The Image element is used to insert any static picture—such as photos, illustrations, or logos—onto your canvas. You can freely resize the image, adjust its opacity, and control how it fits within the bounding area using fit modes like contain, cover, and fill

Video

The Video element plays video files directly within your layout. Videos can be resized, muted or unmuted, and displayed using different fit modes.

Text

The Text element allows you to insert plain or styled text. You can control its content, background, color, alignment, and every typographic detail such as font weight, size, spacing, and decoration. It is one of the most frequently used elements for creating clear communication.

Floating Text

Floating Text is similar to the regular Text element but adds motion. It scrolls automatically across the screen, making it perfect for ticker messages, announcements, or alerts. You can customize the scroll direction and speed, along with all standard text properties.

Slider

The Slider element creates a slideshow consisting of multiple images or videos. Each slide has its own adjustable duration, allowing smooth timed transitions. This element is ideal when you want several visuals to appear in the same space without cluttering the canvas.

Pixabay

The Pixabay element lets you insert high-quality images or video clips from the Pixabay library without needing to upload files. Depending on the selected asset, the element can behave like a standard image or video component. You may set size, fit mode, and opacity.

Unsplash

The Unsplash element provides access to high-quality images from Unsplash’s free library. These images can then be resized, styled, or layered within your content just like any local image.

Giphy

The Giphy element allows you to insert animated GIFs or WebP animations from Giphy. These animations play automatically on the screen and add dynamic motion to your layout. Properties allow you to control size, fit mode, and opacity, making it easy to style animations in different design contexts.

YouTube

The YouTube element plays a YouTube video or playlist using the video URL. You can control autoplay, looping, volume, and whether controls appear. This makes YouTube content easy to display directly inside your layout.

Google Docs

The Docs element embeds a Google Document into your design. This element is perfect for showing team notes, announcements, or policies that may change frequently. When the document is updated, screens refresh automatically without needing to republish content.

Google Sheets

The Sheets element embeds live spreadsheets, charts, or dashboards from Google Sheets. This makes it ideal for displaying KPIs, inventory, real-time stats, or performance data. You can adjust the display frame to match your design needs.

Google Slides

The Slides element embeds a Google Slides presentation. As your team updates the presentation, the screens update automatically. It is useful for slideshows, rotating announcements, or corporate communication screens.

Google Calendar

The Calendar element embeds a Google Calendar directly inside your content. It displays the live calendar using a URL and automatically reflects changes made in Google Calendar. You can adjust its width and height to fit your layout.

RSS

The RSS element loads articles from an RSS feed and rotates through them automatically. Each part of the article—title, author, date, and description—can be styled individually with its own font and color settings. You can define how long each article appears and how often the feed refreshes.

Website

The Website element embeds any webpage into your design. Screens display the live version of the page, making this element a powerful option for dashboards, widgets, or external tools. You can configure frame dimensions and the URL.

Date & Time

The Date & Time element displays the live current date and/or time. It offers extensive customization options, including background colors or gradients, text color, alignment, and full typography controls such as font size, weight, spacing, and line height. This element updates automatically on the final display.

Incident Timer

The Incident Timer element calculates and displays time between dates, taking into account working hours, holidays, and weekends. Its styling options mirror those of other text-based elements, allowing full control over typography and background. It is commonly used for dashboards or internal tracking.

Interested?

Screenflex works on any screen, TV, or device no special hardware required and no credit card needed