AVstudio – The #1 HTML5 UI Editor for AV Systems

Tag: Features

Only what will go to the Features page

  • Websocket

    Support for WebSocket connections allows us to establish persistent, bidirectional communication channels with external systems such as Node-RED and other automation platforms.

  • HTTP feature

    Built-in HTTP request capabilities let AVstudio projects send and receive data via RESTful APIs, enabling seamless integration with cloud services, IoT devices, and custom back-end endpoints

  • 🔧 Visual WYSIWYG Editor

    🔧 Visual WYSIWYG Editor


    AVstudio offers an intuitive, drag-and-drop editor built for AV professionals who want speed and flexibility – without the need to write code.

    You can build beautiful, responsive HTML5 interfaces with ease: add elements, rearrange layouts, apply styles, and define actions visually. AVstudio takes care of the code behind the scenes so you can focus on design and user experience.

  • Dynamic Pages & Responsive Layouts

    AVstudio goes beyond static design. Create dynamic pages that automatically adapt to different screen sizes and devices – from iPads to touch panels and mobile phones – using modern layout tools like CSS Grid and Flexbox.

  • Real time Live Preview

    No need to save, recompile, or refresh – what you see is truly what you get.Test your UI in real time with live preview. Preview touch interactions and animations directly in the browser before deploying to the control system.

  • Theme & Style Manager

    Maintain consistent branding and styling across your UI with reusable themes, font libraries, and color palettes. Make global changes in seconds.

  • Multi-language Support

    Design interfaces that support multiple languages with easy-to-configure translation data and automatic string replacement for UI elements.

  • Crestron Integration


    Deploy AVstudio projects into Crestron environments using traditional joins or JSON over WebSocket.

  • Custom HTML5 Blocks

    Insert raw HTML with JavaScript and CSS blocks directly into your project to support advanced custom logic, integrations, or visual effects.

  • JSON & API Datasource Support

    Bind data from external APIs, internal files, or control systems to your interface using powerful JSON datasource tools and formatting options.