Tag: Showcase

Projects or templates showcases

  • Modern Nest

    Modern Nest

    The MODERN NEST HTML5 demo showcases the extensive yet straightforward smart home management capabilities provided by AVstudio Editor.

    Template Live Preview

    Why use AVstudio?

    Developing a smart home management interface typically requires an extensive and time-consuming development process. MODERN NEST proves how AVstudio Editor accelerates this process, allowing integrators to:

    • Drastically reduce development time
    • Reduce costs by eliminating the need for any external tools, plug-ins, or additional coding
    • Maintain a consistent and fluid design across multiple devices
    • Allow both tech-savvy developers and beginners to build polished solutions easily

    With AVstudio Editor, building a powerful, smooth, and customizable home management interface has never been easier or more accessible, eliminating the need for months of development and specialized expertise.

    Features Showcased

    MODERN NEST highlights some of the most common features for a smart home interface, along with unique capabilities:

    • Lighting Systems – adjust brightness, switch modes, or configure presets for each room
    • Audio Controls – manage sources, volume, and audio selection 
    • Climate Management – set temperatures, monitor air quality, and set A/C or heating schedules
    • Automated Window Shades – raise and lower shades manually or program to align with daylight cycles
    • Remote Vacuum Activation – trigger cleaning at scheduled times or manually
    • Integrated Security – lock doors, access cameras, and activate alarms remotely

    Each system can be arranged individually, attached to preset modes, or saved under user profiles for a versatile and personalized experience.

    Flexible, Fast, & Future-Proof

    What makes the AVstudio Editor impressive isn’t just what you see here with the MODERN NEST demo template; it’s the limitless capacity for expansion and creativity from developers to further push smart home management systems into the future. This isn’t a fixed showcase, but rather a framework designed to evolve and adjust with ease as customer needs change.


    This has a multitude of benefits. For starters, as new smart home products enter the market, AVstudio Editor enables developers to integrate them seamlessly into the existing interface without rebuilding from scratch. Third-party integration is also supported, meaning platforms such as Alexa and Google Home are entirely compatible. AVstudio Editor also allows companies to fully tailor the design of their interface to match their branding. This includes, but is not limited to, logos, colors, and layouts.


    Why does this matter?AVstudio Editor ensures that users won’t have to worry about their smart home management system becoming outdated or falling behind in modern technological capabilities. It grows alongside the market. This is especially beneficial in reducing the cost of adding new features by extending them onto already existing builds. It also provides a competitive edge for developers by allowing them to respond to customer needs and new products rapidly.

    Simple for Developers and Intuitive for Users

    AVstudio Editor delivers a perfect balance between developer efficiency and user simplicity. The MODERN NEST demo template was built entirely with the editor’s standard, built-in tools. This showcases how developers can spend less time coding and more time creating innovative designs. For users, this provides an intuitive navigation and responsive layout that ensures a sense of ease in their home.

    AVstudio Editor is flexible across all platforms, fitting seamlessly on tablets in both landscape and portrait modes, as well as phones. This versatility enables users to manage their smart home from anywhere, providing responsive control and convenience.

    The Big Picture

    While the MODERN NEST demo template is an excellent showcase of the impressive features possible for smart home management interfaces, it demonstrates more than that. It highlights what is possible when development tools are flexible, efficient, and intuitive.

    Through the use of AVstudio Editor, scalable smart home systems have never been easier to build, customize, and deploy without any compromise to functional integrity.

    Start creating with AVstudio Editor today.

    MODERN NEST Showcase

  • GUI Sample Multi-Language

    GUI Sample Multi-Language

    The GUI Sample Multi-Language HTML5 demo demonstrates how easily an interface can be created through the AVstudio Editor that toggles between languages with the click of a button.

    Why Choose Avstudio For Multilingual Interfaces?

    Developing a smart home interface that offers the personalization customers deserve is a challenging process in itself, especially when each feature needs to adapt to multiple languages with the click of a button. Luckily, AVstudio has solved this issue. AVstudio Editor simplifies a process that’d typically demand complex coding, numerous redesigns, and extensive localization.

    This makes interfaces easily adaptable across languages, time zones, currencies, cultures, and more. The AVstudio Editor’s simple drag-and-drop function alleviates developers from countless hours of work reconstructing designs.

    The GUI Sample Multi-Language demo showcases how integrators are now enabled to:

    • Easily toggle between multiple languages without additional coding
    • Reduce costs by eliminating the need for any external tools, plug-ins
    • Maintain a consistent and fluid design across every language and device
    • Empower developers, both experienced and beginner, to create globally accessible solutions

    With AVstudio Editor, designing a multi-language home management interface has never been more efficient, removing the barriers of localization and substantial development time.

    Key Features In Action

    The GUI Sample Multi-Language demo highlights how core smart home features can be built into a versatile, multilingual interface.

    Features include, but are not limited to:

    • Lighting Systems – adjust brightness manually to specific fixtures or through presets
    • Audio Controls – manage sources, music queue, volume, and audio selection
    • Climate Management – set temperatures, monitor air quality, establish presets, and set A/C or heating schedules
    • Automated Window Shades – raise and lower shades manually or program to align with daylight cycles
    • Time and Weather Monitors – view weather updates and monitor time

    What sets this demo apart is how every feature can smoothly transition between languages and be adapted to meet localization needs.

    Global by Design, Local in Experience

    The main advantage of AVstudio Editor, showcased in this demo, is its ability to create interfaces that seamlessly adapt to users worldwide. This isn’t a fixed showcase, but a framework built to adjust to customer needs and personalization.

    The benefits are clear. AVstudio Editor makes it simple to configure interfaces between different languages, time zones, and other geographical characteristics, eliminating the need for complicated coding for such a massive overhaul. Developers can use this flexibility to deliver interfaces that adapt effortlessly to every region. The AVstudio Editor also supports seamless integration with third-party smart home products such as Alexa or Google Home, while still giving full autonomy over the interface’s branding, design, and capabilities.

    The AVstudio Editor ensures that a smart home management system is not only future-proof but also globally accessible. Developers can quickly adapt to the needs of customers from diverse backgrounds, cultures, and regions. Features can be easily extended across pre-existing builds, while still maintaining a polished and consistent experience.

    A Smarter Way to Build Interfaces

    The GUI Sample Multi-Language demo was built entirely through AVstudio Editor’s standard, built-in tools. No extra coding or plug-ins were required. This provides developers with an efficiency they can’t find with any other platform, and users with the functional design they’re seeking.

    All the features showcased are responsive across various device layouts, including phones and tablets (in portrait or landscape orientation), and possess the ability to switch instantly between different languages.

    But the value goes beyond this demo. The GUI Sample Multi-Language template proves what’s possible when interface development tools are flexible, efficient, and built for easy future adjustments.

    Start creating with the AVstudio Editor today!

    GUI Sample Multi-Language Showcase

  • Luxe Control Suite

    Luxe Control Suite

    Introducing the HTML5 Luxe Control Suite DEMO Projects, a standout template for AVstudio that combines elegance functionality.

    Experience seamless playback, adjustable lighting, and customizable shades, all designed for effortless use. Transition smoothly between rooms while exploring dynamic lists that allow you to swipe through various video/audio sources, lighting options, presets, climate controls, and shades.

    This demo highlights how small design modifications can create significant enhancements, ensuring an unforgettable user experience.

    Start creating with the AVstudio Editor today!

    GUI Luxe Control Suite

  • Bright Conference Space

    Bright Conference Space

    Bright Conference Space, a cutting-edge HTML5 demo project designed for modern meeting and huddle rooms.

    This template, available in AVstudio, offers a sleek and contemporary design that enhances any collaborative environment.

    With features that allow you to select activities such as presentations, video conferences, or audio conferences, you can easily control cameras, presets, and sources to create the perfect meeting experience. Elevate your collaboration with Bright Conference Space, where innovation meets functionality.

    Start creating with the AVstudio Editor today!

    GUI Bright Conference Space

  • Chesterfield Residence

    Chesterfield Residence

    This Demo Project is a simple yet dynamic showcase of modern design. Its responsive interface adapts to various touch panel sizes, ensuring a smooth user experience across all devices.

    Enjoy effortless navigation and an engaging layout that highlights the project’s unique features. Experience the perfect blend of simplicity and functionality.

    Start creating with the AVstudio Editor today!

    GUI Chesterfield Residence

  • Home Cinema

    Home Cinema

    Introducing a simple yet powerful HTML5 interface designed specifically for cinema environments.

    This intuitive UI allows users to effortlessly select sources, control lighting, and manage climate settings all in one place. With its user-friendly design, you can enhance the cinematic experience while ensuring optimal comfort and functionality. Experience seamless control and elevate your cinema operations with this innovative solution.

    Start creating with the AVstudio Editor today!

    GUI Home Cinema

  • Elegant Home Scene Control – AVstudio Demo by Artem Buslaev

    Elegant Home Scene Control – AVstudio Demo by Artem Buslaev

    Demo Home by Artem Buslaev

    Introducing the Smart Home User Interface by Artem Buslaev — a cutting-edge demo created with AVstudio that redefines the smart home experience. This sophisticated yet intuitive GUI offers a refined design with dynamic quick actions like “Lounge,” “Dinner,” and “Cleaning,” alongside direct controls for lighting, climate, and shades.

    Fully responsive across devices — including iPads and iPhones — the interface automatically adapts to screen size without the need for additional programming. Multi-language support and a smooth, logical layout ensure ease of use for all users.

    Optimized for seamless integration with Crestron and KNX systems, this demo showcases what’s possible with AVstudio: precision, performance, and design elegance combined.

    Explore the demo: Elegant Home Scene Control – AVstudio Demo by Artem Buslaev

  • Smart Home Dashboard – Dining Room Overview

    Smart Home Dashboard – Dining Room Overview

    This HTML5 GUI sample was created using one of the earliest versions of AVstudio.app, demonstrating its power even in the early stages of development. The interface delivers a clean, modern experience for smart home control, featuring real-time weather, analog clock, daily reminders, and personalized user data.

    Explore basic functionality like video control, adjustable lighting, and motorized shades. Effortlessly switch between rooms and enjoy the intuitive layout.

    Built with AVstudio.app to showcase versatility, speed, and simplicity – no coding required.

    Explore the demo: Live Preview Smart Home Dashboard – Dining Room

  • New Template: Bright Conference Space | AVstudio UI Template for Control System

    New Template: Bright Conference Space | AVstudio UI Template for Control System

    We are thrilled to announce the release of a new template, “Bright Conference Space”, now available for free in AVstudio! This template offers a perfect blend of Responsive and Adaptive Design, showcasing how to handle both static and dynamic data, as well as smart adaptive elements.

    Whether you’re learning or ready to implement it into your projects, this template provides a comprehensive guide to mastering modern UI design techniques.

    Bright Conference Space Template Main Page AVstudio

    What You Can Expect

    This template demonstrates three core activities commonly used in a conference space setup:

    1. Presentation Control
      • Select multiple destinations or use the toggle to select/deselect all displays.
        Choose a source for the presentation.

        Bright Conference Space Template Presentation Page AVstudio
    2. Audio Conference
      • Control the call with Hangup, Answer, Decline/Pause buttons.
      • Use the Dial Pad and Phonebook for easy calling.

        Bright Conference Space Template Audio Conference Page AVstudio
    3. Video Conference
      • Adjust camera controls: tilt, pan, left/right turn, and zoom in/out.
      • Camera selection and preset selection for precise control.
      • Content source selection to manage the conference presentation.

        Bright Conference Space Template Video Conference Page AVstudio

    Key Features:

    • Help Page: Access the readme and settings page placement for future control integration.
    • Speaker and Microphone Controls: Mute and adjust volume with digital join numbers for precise control.
    • Power Button: Activate a pop-up window and use the button for functions like starting a timer and more.

    Read Me Section – Template Overview:

    Here’s a quick summary of what this template offers for self-learning and demonstration purposes:

    • About This Template: Learn techniques for variable management, join assignments, data sources, and the use of custom CSS in production.
    • Join Numbers for Key Features
      • Power Off Button: Digital Join: 1
      • Volume Controls: Volume Up (Digital 11), Volume Down (Digital 12), Mute Speaker (Digital 13), Mute Mic (Digital 14)
      • Presentation Join Numbers: Variable ‘joinInputSelection’
      • Content Source Join Numbers: Variable ‘joinInputConferenceSelection’
      • D-Pad Join Numbers: Managed through the ‘JoinNumbers’ data source
    • Fake Variables & Functions: This template uses fake variables and functions labeled “(fake)” for demonstration, which should be removed before production deployment.
    • For More Information: Visit our comprehensive documentation at AVstudio Documentation.

    Take your design skills to the next level by experimenting with “Bright Conference Space” in AVstudio! Perfect for both beginners and experts, it’s a hands-on way to learn key concepts of Responsive Design, Smart Adaptive Elements, and Dynamic Data Management.

    Get started today – and don’t forget to share your experience with us!

    AVstudio #Crestron #Template #UI #AVIntegration #SmartDesign #AVstudioLearning #FreeTemplate #ConferenceRoomDesign

  • Artem Buslaev’s template | Community cases

    Artem Buslaev’s template | Community cases

    Our user Artem Buslaev decided to share one of his developed interfaces in AVstudio for your inspiration.

    Thank you for sharing your developments with us and the whole AVstudio community!

    Home page

    Home page

    Rooms page

    Rooms page

    Selected Room Page

    Selected Room Page

    Air conditioner control

    Air conditioner control

    Scheduling option

    Scheduling option

    Roller blinds

    Roller blinds

    color of lighting

    Passcode panel

    Passcode panel

    General climate

    General climate

    Multilingual interface

    Multilingual interface

    A video demonstration: