Features Install Pricing

What's New Docs Blog Account

Dataflow Operators

Patterns & Examples

Troubleshooting

Table of Contents

Guides
Additional Reading

User Interface

Construct a simple UI to control your hardware

Headless Development

Construct a simple CLI tool to control your hardware

Guides

Accessors and Writers

Provide components with hardware state inputs or write destinations

Component Basics

Understand how to import, configure and extend components

Creating custom components

Build a component from scratch

Data Transformers

High performance manipulation of data, typically prior to plotting

DataSources provide time-domain wrapping and persistence for charts or loggers

Debugging the UI

Using breakpoints, interactive state viewer

Graphing basics

Learn how to use our custom realtime charting engine

Graphs and User Input

Enhance charts with user-interactive behaviour and annotations

Handling Structs, Bitfields and Arrays

Writing codecs for custom structured data

Headless Development

Construct a simple CLI tool to control your hardware, and complete the "Hello Electric UI" onboarding

Easily grab state within components

Build detailed layouts with a nested grid system

Create multi-page applications

Allow Datasources to maintain state and optionally save to disk

Rendering 3D Objects

Integrating 3D assets

Save Containers

Hold & batch-send groups of value changes.

Construct a simple UI to control your hardware, and complete the "Hello Electric UI" onboarding

Additional Reading

This section is intended to teach the underlying concepts and considerations which form the foundation for any serious user interface.

Architectural Guidelines and Tips

Learn best practices for cleaner integration and future-proofing

Device Hint Filtering

Specify unique device information to improve device connections flow

Electric UI Overview

A high level overview of the Electric UI ecosystem

How to optimise use of keyboard, mouse, gamepads...

Routing and Connection Acceptability

How Electric UI routes packets

Application-wide strict custom typing

Typescript and TSX

The language concepts within the UI

Updating the template

Update Electric UI libraries or the whole template

© 2024 Electric UI
Media Kit
Terms
Privacy
Security

GitHub
Help
Contact
About Us

Solutions:
Build an Arduino GUI