Explorer

screenshot of Explorer
vue

Web-based UI for monitoring Flecs applications, trying out queries & learning ECS

Overview

Flecs Explorer offers a robust web-based UI designed for monitoring Flecs applications, making it easy to experiment with queries and learn about ECSA in real time. As it operates directly in your browser, users can access a live version of the explorer at flecs.dev/explorer, where they can visualize and interact with their Flecs applications effortlessly.

The explorer can function in both standalone and remote modes, providing flexibility for various use cases. Whether you want to run the explorer fully within your browser or connect it to an active Flecs application, it adapts seamlessly to your workflow while ensuring that all interactions are handled safely and securely.

Features

  • Standalone Mode: Run the application exclusively in your browser with a webasm build of Flecs, providing a quick and responsive monitoring tool.
  • Remote Mode: Connect the explorer to an existing Flecs application, allowing users to monitor and experiment without interruption.
  • Statistics Visualization: Access and visualize application statistics by enabling the flecs.monitor module, offering insight into performance metrics.
  • URL Options: Customize your connection with options like always connecting to a remote app, using the webasm version, or specifying a custom host.
  • User-Friendly Interface: A straightforward and intuitive UI makes navigating through your Flecs application and query testing a breeze, even for novices.
  • Local Hosting Capability: For users preferring control, host the explorer locally by cloning the repository and running a simple HTTP server.
  • Docker Support: Seamlessly run the explorer as a Docker image, amplifying accessibility and flexibility in various development environments.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.