Skip to main content

AVstudio Editor Documentation

Welcome to the official AVstudio Editor documentation—your go-to resource for designing, building, and optimizing modern user interfaces for control and automation systems.

👉 AVstudio Editor empowers you to create, customize, and deploy professional-grade GUIs with ease, whether you’re a beginner or an experienced developer.

What is AVstudio?

AVgator Studio (AVstudio) is a next-generation HTML5 GUI editor designed for flexibility, power, and ease of use. It features a robust WYSIWYG (What You See Is What You Get) environment and supports multiple platforms to fit your workflow:

👉 Web-Based SAAS Platform: Access your projects from anywhere using a modern browser.

👉 Compiled GUI Environment: Install and run on your preferred operating system—including iOS, Android, PWA, and desktop browsers—for offline development.

Platform Support

AVstudio is built for seamless integration and future growth:

👉 Current Focus:

  • Full compatibility with industry-leading control systems ensures you can work confidently across major platforms.
  • Built-in tools and features simplify integration, so you spend less time configuring and more time creating.

🚀 Future Development:

  • Our team is actively expanding support for additional control systems, including:
    • Extron
    • QSC
    • Home Assistant
    • Node-RED
    • ...and more coming soon!

Key Features

AVstudio gives you a powerful toolkit to design, build, and customize user interfaces efficiently:

👉 Rich Component Library

  • Access an extensive collection of pre-built themes, ready-to-use elements, and widgets.
  • Use the built-in Smart Console for seamless resource management.
  • Jumpstart your projects with quick-access application templates.

👉 Development Tools

  • Live Debugging lets you test interfaces with real processors in real time.
  • Smart Console helps you efficiently manage and organize resources.
  • Built-in Testing enables you to identify and resolve issues instantly.

👉 Responsive Design

  • All interfaces automatically adapt to any device—desktop, tablet, smartphone, or custom screen size.

👉 Flexible Development Options

No-Code SolutionsPro-Code Features
Drag-and-drop interface buildingCustom CSS implementation
Visual action scenario creationJavaScript integration
Pre-built component configurationAdvanced customization options
Interactive workflow designExtended functionality development

Cross-Platform Integration

AVstudio offers seamless integration capabilities:

👉 Work with existing control system infrastructure

👉 Maintain consistent user experiences across platforms

👉 Unified development environment for all projects

👉 Efficient workflow across different systems

Benefits

👉 You benefit from Time Efficiency because you can reuse components across different projects.

👉 You achieve Consistency by maintaining uniform design standards throughout your interfaces.

👉 You gain Flexibility as AVstudio adapts to various control systems for your needs.

👉 You stay Future-Proof with regular updates and expanding compatibility for new platforms.

Summary

AVstudio combines powerful GUI development tools with user-friendly interfaces, making it suitable for both beginners and experienced developers. Its comprehensive feature set, expanding platform support, and flexible development options make it a versatile choice for creating modern, responsive user interfaces in the automation and control industry.

AVstudio is an independent software platform. Crestron® is a registered trademark of Crestron Electronics, Inc. AVstudio is not affiliated with or endorsed by Crestron Electronics.