The way AV applications are built has changed. Modern development workflows, web technologies, and open standards have created new possibilities for AV interfaces, but those applications still need hardware designed to support them.

AVS-10 was created as a core part of the AVstudio ecosystem, bringing together modern hardware, AVstudio Runtime, and an open software foundation in a single touch panel. Rather than focusing on a single control platform, AVS-10 is designed to support modern AV deployments through standards-based technologies, flexible integrations, and a development experience that extends across the AVstudio ecosystem.

AVS-10 serves as a platform for AV control, automation, and application deployment while remaining tightly connected with the broader AVstudio ecosystem.

Part of the AVstudio Ecosystem

AVS-10 is a native part of the AVstudio ecosystem, designed to bring together modern hardware, AVstudio Runtime, and open web technologies in a single platform.

Applications built in AVstudio NG are deployed to AVS-10 through AVstudio Runtime, the execution environment that powers Powered by AVstudio touch panels. Runtime provides applications with access to the device's hardware features, platform services, local storage, and communication capabilities, allowing modern HTML5 applications to function as complete AV control interfaces.

At its core, Runtime is built on a customized fork of Android. This provides a robust, flexible, and widely supported foundation while allowing AVstudio to optimize the platform specifically for professional AV deployments. Together, this creates a touch panel engineered for responsive operation, reliable performance, and the demanding requirements of modern AV environments. Optional Google Services integration also provides access to the Google Play Store, allowing third-party Android applications to be installed when needed.

Rather than being built around a single proprietary control platform, AVS-10 is designed around Runtime, modern web technologies, and open integration. It supports multiple control systems and deployment scenarios while remaining a natural extension of the AVstudio ecosystem.

Built for Real-World AV Deployments

AVS-10 was designed for professional AV installations that demand more than an interface. It integrates with existing systems, responds reliably, and adapts to the environments where it's deployed.

The platform combines traditional AV connectivity with modern IoT technologies, making it equally comfortable to control legacy equipment or communicate with today's connected devices. Native support for GPIO, RS-232, MQTT, and Zigbee allows AVS-10 to connect with displays, DSPs, lighting systems, HVAC, occupancy sensors, motorized blinds, and countless other devices without requiring separate gateways or specialized hardware.

Deployment is equally practical. Power over Ethernet (PoE) simplifies installation by delivering power and network connectivity over a single cable, while built-in features such as the proximity sensor and programmable LED strip improve the user experience through wake-on-approach, visual status indicators, notifications, and room feedback.

Together, these capabilities make AVS-10 more than a touch panel. It’s a central point of interaction for professional AV, building automation, and smart environments while remaining flexible enough to support new technologies as projects continue to evolve.

Looking Ahead

AVS-10 brings together the technologies and principles that define the AVstudio ecosystem into a single piece of hardware.

Combined with AVstudio NG and AVstudio Runtime, AVS-10 provides a complete platform for building, deploying, and running modern AV applications. Developers can continue working with familiar web technologies while integrators gain a touch panel designed around open modern connectivity and professional AV deployment.

Want to see AVS-10 in action?

Join us on July 16 at 12:00 PM EST for a live technical walkthrough covering AVstudio NG, Runtime, the AVS-10 Touch Panel, and App Container. We'll demonstrate real-world workflows, explore how each product fits into the AVstudio ecosystem, and answer your questions live.

Register here: LINK

AVstudio Runtime is the software environment that powers AVstudio touch panels, enabling modern web applications to communicate with hardware, access platform services, and leverage capabilities not available in a standard web browser.

Rather than limiting applications to a single control ecosystem, Runtime is built around modern web technologies and open standards. It provides the foundation for deploying HTML5 applications while enabling seamless communication with AV devices, hardware interfaces, and control systems.

What is AVstudio Runtime?

AVstudio Runtime is a core part of the AVstudio ecosystem.

Applications are created in AVstudio NG and then deployed to the appropriate execution environment based on the target device. For Powered by AVstudio touch panels, that environment is AVstudio Runtime.

Runtime executes an application while providing access to the device's hardware features, platform services, local storage, and communication capabilities. It allows modern HTML5 applications to function as complete AV control interfaces without changing how they're developed.

For iPhones, iPads, Android phones, and Android tablets, App Container provides a similar execution environment tailored to those platforms. Together, AVstudio Runtime and App Container extend the AVstudio ecosystem beyond a single device, allowing applications built in AVstudio Editor to be deployed across multiple supported platforms, with each environment providing the capabilities required by its underlying hardware.

Built for Open Integration

Professional AV environments bring together a wide range of devices, services, and control platforms. Displays, DSPs, lighting systems, occupancy sensors, media servers, and automation platforms all need to exchange information reliably. AVstudio Runtime supports that level of integration.

Applications running on Runtime can communicate using technologies such as MQTT, WebSockets, HTTP, and HTTPS, and access platform services and hardware capabilities provided by the underlying device. Runtime also extends HTML5 applications with native communication methods and advanced media capabilities essential to many professional AV deployments.

This allows developers to continue building with modern web technologies while creating applications that integrate naturally into today's AV environments.

A Foundation for the AVstudio Ecosystem

AVstudio Runtime wasn't designed as a standalone product. It was designed as a one part of the AVstudio ecosystem. Each product has a different role, but they work together as a unified platform.

This architecture allows each part of the ecosystem to focus on what it does best. Developers build applications in AVstudio NG using familiar web technologies, while the Runtime is optimized to execute them on dedicated AV hardware. By handling platform services, hardware integration, native communication, and media capabilities at runtime, applications can remain clean, portable, and focused on their intended functionality.

As the AVstudio ecosystem continues to grow, Runtime provides a consistent foundation for deploying applications across supported hardware without changing the way those applications are developed. That separation between development and execution is one of the principles that defines the AVstudio ecosystem.

Looking Ahead

AVstudio Runtime provides the foundation that allows modern HTML5 applications to move beyond development and into real-world deployment.

As the AVstudio ecosystem continues to expand, Runtime will continue to power Powered by AVstudio touch panels while providing the platform capabilities required for modern AV applications.

Want to see AVstudio Runtime in action?

Join us on July 16 at 12:00 PM EST for a live technical walkthrough covering AVstudio NG, Runtime, the AVS-10 Touch Panel, and App Container. We'll demonstrate real workflows, explore the technologies behind the AVstudio ecosystem, and answer your questions live.

Register here: LINK

Software development has changed dramatically over the past decade. Developers have embraced AI, Git, local-first workflows, and powerful development environments that adapt to the way they work. Those tools have fundamentally changed how modern applications are built.

But AV development hasn't always kept pace. Too often, developers have had to work within proprietary environments that limit collaboration, restrict project ownership, and force workflows around the tool instead of the project.

AVstudio NG was built as a direct response to these challenges. Rather than asking developers to adopt another isolated platform, AVstudio NG brings modern software development practices into the AV world while preserving the speed and simplicity of AVstudio Editor's visual workflow.

It starts with something surprisingly simple: owning your project files.

Your Files. Your Rules.

One of the biggest changes in AVstudio NG isn't immediately visible. It's how projects are organized behind the scenes.

Rather than storing everything inside a proprietary project file, AVstudio NG uses a familiar folder structure built around open, human-readable formats such as JSON, HTML, CSS, and JavaScript. Configuration files, pages, subpages, media assets, and project resources are organized in a logical, easy-to-understand structure from the moment you open the project.

This approach changes much more than where files are stored. It gives developers complete ownership of their projects.

Teams can reuse components across projects, maintain shared libraries, archive completed work, version projects with Git, and keep local backups without relying on proprietary export formats. Projects remain accessible long after they're finished because they're built from technologies developers already understand.

Using open, human-readable file formats also allows modern development tools to work more effectively. AI can understand project structure more naturally, Git can track changes without special handling, and developers always have access to their projects, even when working offline.

AVstudio NG puts project ownership back in the developer's hands.

Built Around the Way You Work

Every developer has a preferred way of working. They've invested time customizing their editor, installing extensions, learning keyboard shortcuts, and building workflows that make them more productive. AVstudio NG was designed to fit into that environment rather than replace it.

Delivered as a Visual Studio Code extension, AVstudio NG works directly within one of the world's most widely used development environments while also supporting compatible VS Code-based platforms such as Cursor, Windsurf, Antigravity, and others.

That means developers can continue using the tools they already rely on, including their preferred themes, extensions, AI assistants, Git workflows, and editor configurations. Instead of introducing another standalone application, AVstudio NG integrates into an existing development environment.

At the same time, developers continue to benefit from AVstudio Editor's visual workflow. Visual interface design and modern code editing work side by side, combining drag-and-drop development with syntax highlighting, project validation, AI-assisted development, and the flexibility of a professional code editor.

The result is a development experience that feels familiar on day one while offering significantly more flexibility as projects grow in size and complexity.

AI That Understands Your Projects

AI is becoming a natural part of modern software development, helping developers write code, automate repetitive tasks, and solve problems faster than ever before. The real challenge isn't adding AI to a platform. It's giving AI enough context to produce useful results.

That's where AVstudio NG takes a different approach.

Because every project is built using open, human-readable technologies such as JSON, HTML, CSS, and JavaScript, AI can understand the structure of an AVstudio project without relying on proprietary formats or custom tooling. Instead of working around a closed system, AI can interact directly with the same files developers use every day.

That creates opportunities well beyond generating code. AI can help build pages, create interface elements, generate variables, configure actions, apply styling, assist with custom JavaScript and CSS, and even review projects by identifying missing data or validating project structure before deployment.

As AI capabilities continue to evolve, AVstudio NG is ready to evolve alongside them. By building projects on technologies that both developers and AI already understand, AVstudio creates an environment where AI becomes a practical part of the development workflow rather than just another feature.

Built for Collaboration

AV projects rarely stay in the hands of a single developer. As projects grow, responsibilities shift, new team members join, and completed systems often require updates long after the original deployment. We created AVstudio NG with that in mind.

Because projects use an open, standards-based file structure, they work naturally with Git, GitHub, and other version control systems. Project history, branching, code reviews, and merge workflows become part of the development process instead of requiring separate tools or proprietary workflows.

That same project structure also makes long-term maintenance much simpler. Projects can be archived, restored, transferred to another developer, or delivered directly to a customer without depending on a specific development environment to access them.

The result is a workflow that's easier to maintain over time, whether a project changes hands next month or five years from now.

Visual When You Want It. Code When You Need It.

Visual development has always been at the core of AVstudio, and that hasn't changed with AVstudio NG.

Interface layouts, components, and interactions can still be built visually using the workflow developers already know. When a project calls for something more advanced, the underlying project files are immediately available within the same development environment.

That means visual design, custom JavaScript, CSS, project configuration, and debugging all coexist. Developers aren't forced into a visual workflow for every task, nor are they expected to abandon it when more advanced customization is required.

Each part of the project can be approached using the tool that makes the most sense. Routine interface work remains fast and visual, while more complex functionality benefits from the flexibility of a modern code editor.

AVstudio NG expands what developers can do without changing the workflow that made AVstudio Editor approachable in the first place.

Looking Ahead

By bringing together visual development, open project structures, AI-ready workflows, and the flexibility of the Visual Studio Code ecosystem, AVstudio NG builds on the strengths of AVstudio Editor while expanding what's possible for developers and development teams.

This is only the beginning. As development tools, AI, and web technologies continue to evolve, AVstudio NG is designed to keep pace, giving developers a platform built around open technologies rather than closed workflows.

Want to see AVstudio NG in action?

Join us on July 16 at 12:00 PM EST for a live technical walkthrough covering AVstudio NG, Runtime, the AVS-10 Touch Panel, and App Container. We'll demonstrate real workflows and answer your questions live.

Register here: LINK

A Defining Moment for AVstudio

InfoComm 2026 has officially wrapped, marking a major milestone for AVstudio.

Over three incredible days, we connected with developers, integrators, manufacturers, and technology leaders from across the AV industry. The conversations, feedback, and enthusiasm we experienced throughout the show reinforced that the industry is ready for a new approach to AV interface development.

This year, we unveiled some of the most significant additions to the AVstudio ecosystem to date, including:

• AVstudio NG (Next Generation) – A powerful new Visual Studio Code-based development experience that expands what's possible for AVstudio developers while introducing an open, modern, and offline-first workflow.
• AVstudio Runtime – A flexible deployment environment that allows AVstudio projects to run across a wide range of platforms and hardware.
• AVS-10 Touch Panel – AVstudio's new touch panel, designed to deliver modern HTML5 interfaces in a purpose-built hardware experience.
• Continued advancements to App Container – Further expanding the ways users can deploy, manage, and run HTML5 projects across iOS, Android, and other supported devices.

InfoComm 2026 was also a proud moment for our team as AVstudio was recognized with the Best Integrator Software Tool award from rAVe [PUBS]. We are incredibly grateful to our users, partners, and supporters who have helped make this achievement possible.

More importantly, this year's show wasn't just about introducing new products. It was about sharing our vision for the future of AV development. A future built around openness, modern technologies, developer freedom, and the ability to create exceptional user experiences without unnecessary limitations.

Here's a closer look at what we unveiled during InfoComm 2026 and how these new advancements are shaping the next chapter of AVstudio.

AVstudio Recognized as Best Integrator Software Tool

One of the biggest highlights of InfoComm 2026 was AVstudio receiving the Best Integrator Software Tool award from rAVe [PUBS]. This award recognizes solutions that help integrators deliver better results by improving the way projects are designed, developed, and deployed.

For our team, this recognition is not taken lightly. We are incredibly proud of the progress we've made and the impact AVstudio continues to have across the industry. Since day one, our mission has been to give developers and integrators greater control over their projects through modern tools, open technologies, and workflows that remove unnecessary limitations. That philosophy has guided the development of AVstudio from the beginning and continues to shape everything we build today.

We are incredibly grateful to our users, partners, and supporters who continue to challenge us, provide feedback, and help shape the platform's future. Your trust and enthusiasm have played a major role in AVstudio's growth and success.

While we are honored by this recognition, we are even more excited about what comes next. InfoComm 2026 gave us the opportunity to unveil the next generation of the AVstudio ecosystem, including AVstudio NG, AVstudio Runtime, the AVS-10 Touch Panel, and continued advancements to App Container.

AVstudio NG (Next Generation)

InfoComm 2026 featured the public reveal of AVstudio NG (Next Generation), a new Visual Studio Code-based development experience that represents a major evolution of the AVstudio platform.

Delivered as a Visual Studio Code extension, AVstudio NG allows developers to work directly within one of the world's most popular development environments while continuing to use the tools, plugins, and workflows they already know. Because it is built on the Visual Studio Code ecosystem, AVstudio NG can also leverage compatible platforms such as Cursor, Antigravity, Trae, and other AI-powered development environments.

Projects are stored locally, enabling a true offline development experience while giving users complete access to their project files and assets. Built around an open project structure, AVstudio NG works naturally with Git, GitHub, AI-assisted development tools, and other modern software development practices.

AVstudio NG also introduces new opportunities for AI-assisted development. AI tools can help create pages, elements, variables, styling, actions, and application logic, as well as assist with custom CSS, JavaScript, and other project components. Combined with support for multi-window workflows and industry-standard tooling, AVstudio NG gives developers greater flexibility in how they design, manage, and maintain projects.

AVstudio NG reflects AVstudio's continued commitment to openness, developer freedom, and modern development practices while laying the foundation for the next generation of AV application development.

AVstudio Runtime

InfoComm 2026 also marked the introduction of AVstudio Runtime, a new execution environment designed to power the next generation of AVstudio applications.

Runtime provides the software environment that allows modern web applications to run on AVstudio touch panels while supporting hardware integrations, platform services, and AV-focused functionality.

Unlike traditional touch panel platforms that are often tied to a specific control ecosystem, AVstudio Runtime embraces modern web technologies and open standards. Applications can communicate with a wide range of systems and devices using technologies such as MQTT, WebSockets, HTTP, and other modern protocols.

As AV projects continue to evolve, AVstudio Runtime provides a foundation for deploying modern applications across a growing ecosystem of devices while remaining independent of any single control platform or hardware manufacturer.

AVS-10 Touch Panel

Introducing the AVS-10 Touch Panel, AVstudio's new hardware platform designed to deliver modern HTML5 applications through a purpose-built user experience.

Powered by AVstudio Runtime, the AVS-10 combines modern web technologies with dedicated AV hardware to create a platform designed for today's interfaces and workflows. Built around open standards, the AVS-10 allows developers and integrators to deploy applications without being restricted to a single control ecosystem.

The AVS-10 represents an important step forward for AVstudio's hardware offerings, providing a powerful foundation for modern AV applications while maintaining the openness and deployment flexibility that define the AVstudio ecosystem.

App Container Continues to Evolve

Continued advancements to App Container were also highlighted during InfoComm 2026.

App Container allows users to run HTML5 applications across iOS and Android devices, creating a flexible deployment option for AV interfaces, dashboards, control systems, and other web-based applications. Throughout the past year, App Container has continued to evolve with new features, usability improvements, and expanded deployment capabilities.

Recent enhancements have focused on making deployment and day-to-day use even simpler. From improved project management and device controls to greater flexibility in how applications are launched and displayed, App Container continues to make it easier to access, manage, test, and switch between projects on the devices users already have. Projects can be loaded and launched in seconds, making it easy to validate changes, test new interfaces, and move between deployments without the friction often associated with traditional deployment workflows. This allows developers and integrators to validate changes and test interfaces almost immediately.

As organizations look for more practical and cost-effective ways to deploy modern interfaces, App Container offers a straightforward solution that delivers powerful HTML5 applications to mobile devices without unnecessary complexity.

Join Us on July 16th for a Deeper Look

While InfoComm 2026 gave attendees an early look at the future of AVstudio, there is much more to explore.

On July 16th at 12:00 pm EST, we'll be hosting a special webinar dedicated to the technologies unveiled at InfoComm, including AVstudio NG, AVstudio Runtime, the AVS-10 Touch Panel, and the latest advancements to App Container.

During the webinar, we'll take a deeper look at AVstudio NG, Runtime, the AVS-10 Touch Panel, and App Container, including live demonstrations, workflows, and real-world deployment scenarios. Attendees will also have the opportunity to participate in a live Q&A session with the AVstudio team and get answers directly from the people building the platform.

Register here: [LINK]

Looking Ahead

InfoComm 2026 was an exciting milestone for AVstudio, but more importantly, it marked the beginning of a new chapter for the platform. Each announcement reflects our commitment to building modern tools that give developers and integrators greater freedom, flexibility, and control.

We are always eager to hear feedback from our users, partners, and the broader AV community. The conversations we had with our community over the years helped shape many of the ideas behind these announcements, and that feedback will continue to play an important role as the platform evolves.

Thank you to everyone who visited our booth, shared feedback, and helped make this year's show such a success. We're excited for what comes next and look forward to sharing more in the weeks ahead.

Today we are proud to announce that AVstudio Editor has been recognized with the 2026 Best of InfoComm Award in the category:

Best Integrator Software Tool

Presented by rAVe [PUBS], the award recognizes products that deliver meaningful innovation and value to the professional AV industry.

AVstudio Editor was created with a simple goal:

Give AV developers modern tools without forcing them to abandon the workflows, standards, and technologies they already know.

Unlike traditional proprietary environments, AVstudio Editor is built on top of Visual Studio Code and modern web technologies, allowing developers to:

• Work completely offline
• AI compatible
• Store projects locally
• Use Git and existing development workflows
• Build responsive HTML5 user interfaces
• Remain independent of any specific control system manufacturer

Over the past several years, AVstudio has evolved from a cloud-based GUI editor into a complete development ecosystem that includes:

• AVstudio Editor Desktop
• AVstudio Cloud Services
• iOS Runtime
• Android Runtime
• Touch Panel Runtime

This award reflects the support and feedback of more than 1,000 AV developers worldwide who continue to push us to improve the platform.

We would like to thank rAVe [PUBS], our partners, customers, and the AV community for their continued support.

If you’re attending InfoComm 2026, visit us at Booth #5715 to see what’s next for AVstudio.

Thank you for being part of the journey.

App Container continues to evolve, with new features and functionality improvements arriving in the newest update. With the latest release, users can expect smoother performance, greater control over display behavior, and expanded capabilities for professional environments.

New Features and Improvements

Advanced Display Controls

Users can now configure the top and bottom safe areas independently in the App Settings. This enables more precise control over how content is positioned on the screen.

New Top Bar Display Modes

New display modes have been introduced for the top bar. Users can now choose to:

• Hide the top bar completely
• Display it within the safe area
• Extend content behind a translucent top bar

These options provide greater flexibility and visibility when viewing projects.

Screen Orientation Lock

Users can now lock their device orientation to Portrait or Landscape, or leave it on Auto. This is especially useful for fixed installations such as wall-mounted control panels, where a consistent orientation is required.

Kiosk Mode

Kiosk Mode allows users to lock a device to App Container for dedicated use cases.

This includes several automation features designed to support reliable, long-term installations, including automatic app launch on device boot, automatic return to full screen after a restart, and automatic screen wake when the device is in standby.

These capabilities make it simple to configure and deploy App Container in environments such as showrooms, control systems, and client demos. To enable auto-restart functionality, users must grant the “Display over other apps” permission when prompted after enabling Kiosk Mode in Settings.

RTSPS Support

Secure RTSP streaming over TLS is now supported, enabling reliable playback from sources such as UniFi Protect cameras and other secure video streams.

To help users get started, documentation is available in the public App Container GitHub repository. This includes guidance for using secure streams directly within App Container, as well as alongside AVstudio Studio.

You can explore the available resources here: [Click Link]

Get Started with App Container

Ready to take advantage of these new features? Download the latest version of App Container.

Download now:

• App Store: [Click Link]
• Google Play: [Click Link]

We’re excited to introduce a new, more accessible pricing model for AVstudio Editor.

To access the full platform, all new users now begin with a free 2-week trial of the Professional Plan. From day one, you’ll have unrestricted access to build, upload, test, and deploy real projects, giving you the opportunity to fully explore the platform before making a long-term commitment.

After your trial ends, your subscription continues at $59/month with the Professional Plan. If the platform is not the right fit for your needs, you can cancel anytime.

Full Access, More Features, and Unlimited Builds

Your free trial includes full access to the entire platform, including unlimited projects, builds, testing, debugging, and deployments. This means there are no per-build costs, hidden fees, or locked features.

The Professional Plan also includes access to advanced features such as the Autonomic Media Player Widget and Compact Shades Control, along with built-in connectors for AMX and other control systems, simplifying integration.

With the Professional Plan, users can build and deploy CH5z files ready to upload directly to touch panels or control systems, giving you everything you need to deliver professional interfaces under one single subscription.

Why Try AVstudio Editor?

AVstudio Editor provides developers with a modern environment for creating professional HTML5 control interfaces while simplifying many aspects of development.

You are free to build without being tied to a single hardware ecosystem, certification program, or manufacturer. That means your projects stay under your control, giving you the flexibility to work across different systems, support a wider range of clients, and adapt as technology evolves.

Here are a few reasons developers are making the switch:

• True WYSIWYG - Build in Real Time: Design and test simultaneously with Live Preview. Make changes instantly without compile-and-deploy cycles. Stay connected to a real control processor to send commands and receive live feedback.
• Work Across Multiple Systems: Build across multiple control systems and protocols without being locked into a single ecosystem.
• Handle Logic Inside the UI: Manage variables, events, and advanced interactions directly inside the interface.
• Build Independently: No control system required. Run interfaces independently and connect directly through WebSocket, MQTT, HTTP, REST API, and more.
• Scale Faster with Reuse: Reuse UI components, layouts, and logic across projects to speed up development and maintain consistency.

For professionals seeking greater flexibility and fewer constraints, AVstudio Editor offers a modern approach to traditional, industry-standard UI development.

Get Started Faster with Free Onboarding Sessions

We highly encourage all new users to schedule a free onboarding session at the start of their trial.

During this session, our team will walk you through the platform, answer questions, share best practices, and help you get up and running faster so you can make the most of your trial.

And if you need support beyond onboarding, we offer multiple ways to receive additional help.

Helpful Resources:

Book an Onboarding Session: [Link]

Watch Tutorials: [Link]

Join Our Discord: [Link] 

Visit the Community Portal: [Link]

Contact Support: [Link]

Start Your Free Trial Today

Your free trial is the first step to accessing the full AVstudio Editor experience.

To get started, simply open the Editor, create your account, and subscribe to the Professional Plan to begin your free 2-week trial.

We recommend scheduling your onboarding session early so you can get familiar with the platform and make the most of your trial.

Launch the Editor: [Link]

Book an Onboarding Session: [Link]

If you’re ready for a more modern approach to interface development, start your free trial today!

AVstudio is heading to InfoComm 2026, taking place June 17–19 at the Las Vegas Convention Center.

Visit us at Booth C5715 to meet the team behind AVstudio Editor and explore the latest improvements, new features, and upcoming products.

AVstudio Editor is a modern HTML5 visual UI builder designed to solve common frustrations that have slowed down interface development for years. Traditional UI builders can be repetitive, restrictive, and time-consuming. AVstudio was built to simplify that process by making it faster and easier to design, test, and deploy modern control interfaces.

At our booth, we’ll be showcasing how AVstudio helps developers save time, reduce repetitive work, and build more flexible interfaces with:

Real-Time Development
Build and test simultaneously with Live Preview. Make changes instantly without compile-and-deploy cycles.

Multi-System Compatibility
Connect and build across multiple control systems and protocols without being locked into a single ecosystem.

Built-in UI Logic
Handle variables, events, and advanced interactions directly within the interface rather than pushing logic into external systems.

Control System Independence
Build and run interfaces independently with direct device communication through WebSocket, MQTT, HTTP, and more.

Scalability and Reuse
Reuse components, layouts, and logic across projects to speed up development and maintain consistency.

We’ll also be sharing our latest updates, including our new simplified pricing model, free onboarding sessions to help users get started faster, and previews of upcoming features and products.

If you’re attending InfoComm 2026, be sure to add AVstudio to your planner and stop by Booth C5715. We’d love to connect and show you what AVstudio can do.

Add AVstudio to your InfoComm planner here:
LINK

We can’t wait to see you in Las Vegas.

We are happy to introduce two new elements to AVstudio Editor: the Compact Shades Control widget and the State Control element.

Compact Shades Control

The Compact Shades Control widget is a more compact and efficient way to control shades in interfaces with limited space.

Despite its smaller form, this new widget maintains the core function of the original Shades Control element. It supports vertical, horizontal, and dual-shade control modes, allowing developers to choose the configuration that best fits their project. Shades Control can now be fit into tighter spaces on the UI, allowing even more customization in design layout and flow.

State Control

The State Control element consolidates multiple true/false state controls into a single configurable component. Users can easily change its display to a checkbox, switch, or toggle, depending on preference.

The element is also highly customizable, allowing developers to adjust its styling, colors, borders, and other visual properties to match their interface's design.

Together, these new elements expand the range of tools available in AVstudio Editor, helping developers create more efficient and unique interfaces.

AVstudio is proud to introduce one of our most powerful updates yet. Version 3.9.12 brings full MQTT connector support, enabling developers and integrators to build interfaces that communicate in real time across devices, control systems, and automation environments.

This update not only expands what AVstudio Editor can connect to, but also the capabilities of projects created in the editor. Data can move fast and seamlessly between your UI and the systems it manages like never before.

Full MQTT Protocol Support

We’ve added complete support for the MQTT protocol, allowing you to:

• Connect to multiple hosts and ports
• Use secure (SSL/TLS) connections
• Authenticate with login and password
• Modify the PATH for total configuration control

Whether you’re building local prototypes or deploying enterprise-grade automation, AVstudio gives you everything needed to fine-tune your MQTT setup for stability and flexibility.

Dynamic Data Through MQTT Data sources

With MQTT connectors, your AVstudio data sources can now be dynamically updated with live data. By linking to a specific topic, data inside your interface can be continuously synchronized.

To streamline your development workflow, we’ve also introduced a Mixed DataSource Type. By combining local data with MQTT feedback, you can maintain a solid local copy of the data, enabling you to prototype your interface seamlessly.

Once you switch to production mode, the data will be updated in real time via the MQTT channel. This means no more waiting for data to arrive. You can build, preview, and deploy with uninterrupted speed.

MQTT for Variables and Parameters

We’ve expanded the functionality of variable and parameter updates through MQTT Feedback. By assigning the correct connector and topic, any variable or parameter in your project can receive live updates. This enables precise control of the interface and its elements.

Connect to Node-RED, Home Assistant, and More

AVstudio now connects to Node-RED, Home Assistant, and other systems over the MQTT Protocol. It only takes two clicks to establish a connection, making it easier than ever to exchange data between your interface and an automation or control system. This highly efficient solution enables dynamic management of data flows and end devices.

Bug Fixes and Performance Enhancements

In addition to MQTT support, this update includes several refinements:

• Stabilized Mixed DataSources: Fixed issues where local fallbacks for a repair DataSource were not correctly retrieved.
• Improved Performance: Element selection, positioning, and property adjustments make AVstudio Editor faster, smoother, and more efficient.

AVstudio Editor Continues To Evolve

Update 3.9.12 reinforces AVstudio Editor’s powerful features through open, flexible connectivity. With MQTT, Node-RED, and real-time data feedback, your projects can be created faster, smarter, and more precise than ever.

Click the link below for a short video showcasing how this update enhances the development process: 👇

[AVstudio Editor + MQTT + Node-RED | Live Conference Room UI in HTML5]

Start creating with AVstudio Editor today.

New Round Slider Element

We are pleased to introduce our new Round Slider. It features outstanding responsiveness and can seamlessly fit into any environment. It can be adapted both in height and width simultaneously. All content within the slider also automatically adjusts to the element’s size by default, which is highly convenient.

Taking into account your feedback and our previous experience with the earlier version of the slider (Circle Slider One), the internal content is now presented as a standard text field. This allows you to freely arrange the necessary content across any number of lines and format it exactly as you wish.

A rich set of options allows you to style your slider and achieve completely different results that seamlessly fit into your design concept.

A universal approach to defining the list of element options.

Due to the growing number of elements and their settings, it became necessary to standardize all properties in a consistent style across all elements. We carried out extensive work to group the properties in a clear and convenient way. For now, these properties will only be available in this form for the new elements introduced with this update. In the near future, we will gradually update the properties of all existing elements to bring them into full consistency.

Element state management.

For new elements, we’ve made element state storage and usage universal. It can be stored and retrieved from any dynamic source: data sources, parameters, global variables, data received via WebSocket or HTTP requests. The Crestron option remains available. In the future, we’ll upgrade all elements so they can store, retrieve, and send state through any channels, not just Crestron.

New Color Picker Element

It’s time to introduce the new ColorPicker element. It allows you to add any RGB color range.It can store its state with any dynamic data; similar to RoundSlider, it is fully responsive and can adapt to any parent width and height.

Auth improved

We’ve improved the authorization system. Now you can log in not only using the Email and Password combination, but also via the Google platform. In the near future, we’ll add several more convenient authentication methods.

Bug fixes and improvements

• Parameter handling has become much more stable. We fixed issues with boolean parameters, as well as some update and dynamic calculation errors.
• When creating a data source, errors could occur during test data retrieval, test function applications, etc. All these issues have been fixed.
• Color selection in some element layers could be slow. We’ve improved its performance in the following object and will continue working to make this process even more convenient and faster.
• And various other minor fixes and improvements.

AVStudio HTML5 GUI Editor Updates Version 3.4.0 | New features for Crestron Control System GUIs

At AVgator Inc., we are committed to evolving our AVStudio HTML5 GUI Editor to empower system integrators with faster, smarter, and more flexible tools. Our recent updates — versions 3.4.0 through 3.4.2 — bring exciting new features and capabilities that help Crestron HTML5 GUI developers deliver exceptional, customized control system user interfaces.

Premium Widgets for a One-Click Integration

NEW

With version 3.4.0, we launched the Autonomic Premium Widget — AVStudio’s first widget designed for one-click integration within your Control System Custom GUI project.

This new AVStudio HTML5 GUI Editor feature is developed to accelerate your Crestron Control System GUI design. Simply drag and drop the widget, enter the IP address, and you instantly get a sleek, fully responsive media player interface ready to use. No complicated setup — just rapid deployment that saves time and impresses clients.

Key features include:

• Only the IP field is required to get started
• Fully responsive design that fits any space
• Comprehensive support for the Autonomic API:
  • Full transport control (Play, Pause, Skip, etc.)
  • Real-time metadata display (album art, track info, artist name)
  • Volume control
  • Player selection
  • Seamless integration with Crestron, Global Caché, and other AV control systems

This launch marks the start of our vision to develop a diverse portfolio of premium widgets supporting one-click integration with multiple hardware and software platforms. These widgets will be tailored for residential, corporate, hospitality, and education use cases.

We are committed to making AVStudio the go-to Crestron HTML5 GUI Editor for seamless, drag-and-drop integrations across all environments.

Web Connectors to add IP-controlled devices

NEW

In addition to the existing Crestron Connectors, which enable fast development and testing of Crestron HTML5 GUIs within AVStudio, this new release introduces new Web Connectors. These empower you to integrate and control a wide range of other IP-based devices and control systems within the AVStudio HTML5 GUI Editor.

Managing HTTP resources in your AVStudio GUI projects is now easier with the new Web Connectors feature. Accessible from your project’s global settings, Web Connectors let you centrally store and manage data properties used across your HTTP actions, making edits faster and your Custom GUI Editor projects more consistent.

The New Web Connectors feature extends your GUI project capabilities far beyond standard Crestron hardware and makes AVStudio the go-to GUI Editor for system integrators working across AMX, Control4, Extron, Global Cache, and other various control systems and devices.

WebSocket connectors are currently under development and will soon complement the existing Web Connectors. This new functionality will enhance the handling of real-time data streams and support remote data sources, expanding your options for dynamic and responsive integrations in future AVstudio updates.

Redesigned Manage Actions Layout

NEW

To streamline your workflow, we redesigned the Manage Actions interface in the HTML5 GUI Editor to occupy almost the full screen and group actions thematically. This reorganization helps you quickly find and manage the actions you need, keeping your focus on building powerful GUIs without unnecessary distractions.

Workflow Improvements

BUGFIX

Between updates 3.4.1 and 3.4.2, we delivered key fixes and enhancements to make your control system GUI design experience within AVStudio more stable and smooth:

• Fixed issues with attaching dynamic page names in route actions
• Improved stability of routing-back operations
• Introduced the new Editor Connection Manager for better connection handling inside the editor
• Several minor improvements and bug fixes for overall performance

Fixed issues with attaching dynamic page names in route actions

Improved stability of routing-back operations

Introduced the new Editor Connection Manager for better connection handling inside the editor

Several minor improvements and bug fixes for overall performance

Explore these new features and enhancements in the AVstudio HTML5 GUI Editor for your projects completely free and accessible anytime at avstudio.app. Registration is quick and simple, so you can start building without delay.

Interested in early access to new features, direct communication with our developers, and opportunities to influence the future of Control System GUI design? Join our growing community of beta testers! Apply now to become a beta tester or contact us directly to learn more.

We are excited to introduce the latest updates in AVstudio, bringing you new features and improvements that will enhance your design experience. This version includes community templates, new design options like Shadow and Reflect, support for custom fonts, and various usability enhancements such as better hotkeys and the ability to switch between element modes by name. Additionally, performance optimizations and bug fixes ensure a smoother workflow. These updates are designed to provide you with more creative options and streamline your projects.

Community templates

NEW

The first free community template is available in AVstudio. Feel free to clone these projects and reuse or modify them any way you want.

We plan to regularly add new templates, so stay in touch to not miss new stunning, free-to-use AV GUI templates!

Community templates

Try it yourself by following the link!

Design option: Shadow

NEW

Shadow introduces a subtle, elevated look to your elements, creating a sense of depth. This design option enhances visual hierarchy and can make your elements stand out more effectively.

Design option: Reflect

NEW

Reflect allows you to create mirrored versions of your elements with just a few clicks. This can be particularly useful for design symmetry and creating visually balanced layouts.

Custom Fonts

NEW

Upload and use beautiful custom fonts everywhere you need to impress your customers!

Fonts can be attached from element settings or by using custom project CSS.

Switch between element mode by name

UPDATE

You can now switch between element modes by using their names directly, making the design process more intuitive and streamlined.

Better Hotkeys

UPDATE

Add hotkeys for quick copy/paste of elements. This works even between projects, but for now, it does not include associated data like datasets, attached functions, nested subpages, etc. Deep copy will be available later.

Current available hotkeys are:

ctrl/cmd + shift + z (redo)

ctrl/cmd + c (copy)

ctrl/cmd + v (paste)

ctrl/cmd + s (save)

ctrl/cmd + z (undo)

Double click to edit text fast

NEW

You can double-click on text and button elements to open a text editor modal.

Override global project theme vars

NEW

Take control of project variables such as colors, backgrounds, and more. In the near future, the list of available overrides will be expanded.

Functions: AVgator® project methods info

UPDATE

You can now access a variety of built-in functions directly through the Window object. These include methods for data manipulation, element control, sending and listening to events, page flips, and more.

Large list loading optimization

UPDATE

Now you can easily handle a large number of elements on one page without any performance issues.

Added keypad design options for colors, backgrounds and gaps

UPDATE

Keypad design options have become more flexible.

Post-processing functions

NEW

Post-processing functions let you apply effects and modifications to element values to alter the result. For example, based on a signal or string variable's value, you can calculate and return the proper element's mode index (or name) using some logic.

Image Sizing

BUGFIX

There were sizing issues with image elements and inside elements where images were used (such as in the shades widget). Sometimes, images were larger than expected and did not fit the container. This issue has been fixed.

Element modes

NEW

We have added the capability to create mods for elements (all of them!). This allows for significant alteration of both the appearance and actions of the element depending on dynamic data. This functionality extends to page lists as well: you can easily modify the structure of the list with just a few clicks.

Mode creation dialog

Media upload: support for .svg (color inheritance included) and .webp

NEW

We have implemented the ability to upload images in the webp format. Additionally, you now have the unique opportunity to upload images in the .svg format. It is important to understand that an SVG image containing 'currentColor' as a color indication will adopt the element's color settings—this is particularly convenient for creating unique icons.

Extended media upload box

We recommend to use this icons: Open Source Icon Sets - Iconify

Use any .svg image as icon. Animated .svg also supported.

Granural Padding & Border Radius Control

NEW

It has become convenient to set different value for different sides. Feel free to utilize this feature!

Advanced border radius control

Extended Background Size & Position

NEW

Now you have more control over the background at the page, project, and other supported element. You can now specify sizes and positions as well.

Background Image for Containers

NEW

The ability to specify a background for the container is now available. Control for position, opacity, size, blur included!

Containers with custom background Images

Border Radius for Containers

NEW

Utilize border radius directives for the container to enhance the appearance of your project.

Container border radius

Text Wrap Behavior for Button & Text Elements

NEW

Working with long text has become more convenient. Later we will add convenient tools for automatic truncation of long text.

Control over text wrap

Global Override Theme Design Settings

NEW

We have moved global project background settings into a separate category in the menu. Additionally, in this menu item you now have the option to specify custom settings for the main colors used. In the future we plan to significantly extend control over the appearance at a global level and allow users to create and share their own design/color themes.

Override global theme color/background settings

Blur Content behind Subpage or Container

NEW

At the container and subPage level, it is now possible to control the degree of blurring of elements/content beneath them. This is very convenient for highlighting, creating visually appealing effects and improving the readability of your interface.

Background blur effect

Containers are sortable again!

NEW

New Function Creation Modal

NEW

A new editor has been designed for creating functions. Writing and testing functions has become much more convenient. Additionally, integrated documentation with all available global data and variables for use will be added to this modal soon.

New Function Creation Modal

New DateTime Widget

NEW

We have added a DateTime widget for convenient and fast visualization of the current time and date with detailed formatting options and the ability to specify time zones.

DateTime widget

Precache External Images

NEW

If your project extensively uses images from external sources you can now cache them in advance so that users will see them instantly when using your GUI.

Add datasource with urls array should be precached

Image Lazy Load Option

NEW

Using this option will allow you to defer the immediate loading of heavy images and improve the user experience.

Image lazy loading

Shades Control Widget Improved

NEW

Advanced settings and bug fixes have been implemented for the shades control widget. You can now configure the curtain style in more detail. Additionally, users can adjust the degree of opening and closing by directly dragging the curtain fabric.

Ability to attach actions to Text, Image and Subpage elements

NEW

You can now associate various types of actions with new elements, such as subpages, images, and text. It's important to note that any actions used within a subpage are executed independently.

New slider handle style options

NEW

• Hand border options including border radius
• Hand background color

Pages & Subpages sorting

NEW

Allow set signal value in action as dynamic value (json, variables, etc)

 NEW

Project global joins

NEW

• Analog flip page signal

Initiate a page flip from the processor using analog feedback. Remember to manually set the page flip ID for this operation.

• Serial flip page signal

Trigger a page flip using the page name as a reference.

• Notification signal

Inside your project settings, you have the option to define a serial signal name. When feedback is received from the processor, the text will be displayed as a notification using the specified signal name.

• Refresh DataSources

Activate a datasources update by using signal feedback.

Element extended visibility

NEW

• By orientation

Element orientation visibility refers to the position of an element, such as text, an image, or any other component, and whether it's currently visible within the current orientation.

• By dynamic value (variable, parameter, json datasource)

By utilizing dynamic values within your project, you can dynamically update whether elements are visible or not, all without the need for external processor interactions.

Added button height property

NEW

Subpage optional default fixed size

NEW

You can enable the option to set a fixed width and height for a subpage.

Added Checkbox element

NEW

Added Toggle Switch widget

NEW

Added Circle Slider widget

NEW

A highly customizable circular slider widget that can be employed for various purposes, including climate and sound controls, among others. It allows dynamic content configuration for all elements inside.

Subpage parameters

NEW

Pass data from the parent element down to a nested subpage as input parameters and utilize this data within the subpage.

Overlays

NEW

A new action type has been introduced, functioning as a trigger to display an overlay. The overlay can be any type of subpage containing various data, appearing on top of the page content. Numerous customization options are available, including:

• Adjustable overlay placement on the page.
• Customizable overlay mask styles and local mask design.
• Automatic closure by timeout or clicking outside the overlay.

Set icon dynamically

NEW

You can now set the icon name as a string, even when it's sourced dynamically. To discover the full range of available icons, you can utilize the Icon Explorer feature, providing greater flexibility in choosing and displaying icons within your project.

Dynamic image external source

NEW

Project variables

NEW

We have added local variables that can be used in your project. There are three types of variables: string, number, and boolean. The variables have default values and can be modified within the UI interaction, either without the involvement of the central processor or with its involvement taking on the value of signal feedback.

As a result you can implement a significant part of internal logic without involving the processor.

Variable list

Variable form

Action to change variable

Project Datasources

NEW

A new feature has been added that allows you to connect JSON data to the project, either through a remote link or locally. These data can be used in any way you prefer: as text labels, numeric values for styling elements, data for building lists of items and much more.

Currently, after building, some of the logic with data sources may not work properly. However, in the upcoming updates, full support for data sources will be provided.

Datasource list

Datasource Modal

Rich text datasource & Variables support

NEW

Rich text content can now contain more than just plain text and print output signals feedback. It also supports working with connected data sources and local variables.

New Element: Button List

NEW

We have started adding a new type of element - lists. The first one released is called ButtonList, which is a set of buttons that can be generated based on static data or using a data source attached to the element.

Lists have a wide range of display settings for their child elements. These settings include specifying the scroll axis, the number of rows and columns, positioning within the container, and much more.

Presets for elements

NEW

We have added presets for elements, which allow you to save the appearance and settings of an element and efficiently reuse it. Additionally, you can easily change the appearance of all buttons in the project that are linked to a preset with just a few clicks.