Built for integrators
Real workflows.
Real results.
Introducing
AVstudio NG
The next generation of AV development.
Create interfaces. Connect systems.
Build your way.
Connects what matters
Devices. Systems.
People.
True open
Freedom to build
your way.
AI ready
Your AI assistant.
Your workflow.
What is AVstudio?
AVstudio is a platform for creating and running HTML5 control interfaces for AV, automation, and connected systems. Design interfaces with AVstudio Editor NG, run compatible projects on iOS and Android with App Container, or deploy them on AVS Touch Panels and other supported devices.
Explore frequently asked questions →Everything you need to build professional UIs
From concept to deployment, AVstudio provides all the tools and integrations you need to create stunning UIs, dashboards, and control interfaces for any project.
WYSIWYG Drag-and-Drop Builder
Create interfaces visually with our intuitive WYSIWYG editor. No coding required to get started.
Real-Time Preview
See your changes instantly with live preview across different screen sizes and devices.
JSON Friendly
Export and import projects as JSON. Perfect for version control and automation.
AV System Integration
Connect compatible AV and automation systems using Crestron, KNX BAOS, HTTP, WebSocket, UDP, and MQTT workflows. Available capabilities depend on the connector and target runtime.
IoT & Industrial Integration
MQTT support enables IoT and industrial integration for BMS, SCADA systems, and more.
WebSocket & MQTT Support
Real-time communication with built-in WebSocket and MQTT protocols. Perfect for AV/IT systems, IoT devices, and industrial applications.
Responsive Layout
Responsive page layout based on flexbox CSS model. All containers and elements are fully responsive across tablets, phones, and touch panels.
Adaptive Layout
Arrange elements manually by dragging. Element's position and size don't affect each other but optionally may depend on screen size and still be adaptive.
Custom CSS
Full control over styling with custom CSS support. Create unique designs that match your brand.
Custom JavaScript
Extend functionality with custom JavaScript. Add complex logic and integrations beyond the visual builder.
Low-Code Platform
Build powerful applications with minimal coding. Perfect balance of visual design and custom development.
App Container
Deploy any web-based project with App Container. Universal runtime for your AVstudio interfaces and third-party web applications.
Remote Data Sources
Read from databases to work with dynamic data. Dynamically change UI without recompilation, enabling data-driven interfaces.
AI-Friendly Workflow
Works great with AI tools. Use AI assistants to generate functions, data sources, CSS classes, or custom HTML5 code — then simply copy and paste into your project.
Template-Based Design
Jump-start your projects with ready-to-use templates and customizable layouts. Adapt, refine, or combine elements to create beautiful interfaces in minutes.
Ready to build with AVstudio Editor NG?
Create AV control interfaces in Visual Studio Code. Start for free with AVstudio Editor Community.
Get AVstudio Editor NG