Tag: Showcase

Projects or templates showcases

  • GUI Sample Multi-language

    GUI Sample Multi-language

    The HTML5 Demo Project showcases how easy it is to manipulate data sources create a multi-language interface.

    With yet impactful features, users can enjoy playback, adjustable lighting, and customizable shades.

    Transitioning between rooms is seamless, allowing you to take full advantage of versatile functionalities.

    Demo also highlights dynamic lists, enabling to swipe through various/audio sources, lighting options, presets, climate controls, and shades, demonstrating that small modifications can lead to significant enhancements.

  • 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.

  • 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.

  • 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.

  • Cinema

    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.

  • 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: