You can build an STM32 web dashboard with Mongoose Wizard by defining the target board, interface, and REST API in a visual editor, generating the firmware project, connecting its generated callbacks to your hardware, then building, flashing, and opening the board’s IP address in a browser. The official walkthrough uses a NUCLEO-F756ZG with STM32CubeIDE; other boards and network/runtime setups may require different project choices and integration work.
What Mongoose Wizard generates—and what you still build
Mongoose Wizard is a visual editor for a JSON application configuration describing the hardware target, UI, and REST API. The editor changes that configuration, and the backend generates a project that can be built and flashed. Advanced users can also edit the configuration directly. See the Mongoose Web UI Builder documentation.
The generated project includes a mongoose_glue.{c,h} layer with data structures and getter/setter functions that connect the UI and API to application logic. It does not know what a particular board’s peripherals mean: you must implement or adapt those callbacks so readings come from the actual device and user changes cause the intended hardware action. Add persistence separately if settings must survive a restart.
The Wizard-rendered interface comes from configuration; it is not a standalone HTML file generated for direct manual editing. If full control of hand-written HTML and JavaScript is a requirement, use the device-dashboard tutorial as the alternative route.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minute#1 Best Overall
- High-performance foundation line, ARM Cortex-M4 core with DSP and FPU, 512 Kbytes Flash, 180 MHz CPU, ART Accelerator, Dual QSPI
- On-board ST-LINK/V2-1 debugger/programmer with SWD connector
- Can be powered from USB
- Three LEDs, Two Push-buttons
- Support of wide choice of Integrated Development Environments (IDEs) including IAR, ARM Keil, GCC-based IDEs
Choose a board and project path
The worked path in Mongoose’s STM32 dashboard tutorial uses a NUCLEO-F756ZG development board, STM32CubeIDE, Mongoose Library, and Mongoose Wizard. The board is also listed among Wizard-supported STM32 targets. If you use another Nucleo or Discovery board, check the current Wizard board support information and confirm its network interface before following the same steps unchanged.
Architecture matters too. The CubeIDE tutorial demonstrates a bare-metal STM32Cube HAL project using Mongoose’s built-in TCP/IP stack. That example does not use lwIP or an RTOS such as FreeRTOS. Mongoose documents other combinations, including FreeRTOS, lwIP, Zephyr, and different build tools; choose a tutorial matching your board, network stack, and runtime rather than treating the bare-metal route as mandatory. See the Mongoose documentation for the wider set of paths.
Define the pages and API in Wizard
-
Create a project in Mongoose Wizard, select STM32 and a board or template appropriate to your hardware, and define the application configuration.
Rank #2
STM32 Nucleo-64 Development Board with STM32L476RG MCU NUCLEO-L476RG- Ultra-low-power with FPU ARM Cortex-M4 MCU 80 MHz with 1 Mbyte Flash, LCD, USB OTG, DFSDM
- On-board ST-LINK/V2-1 debugger/programmer with SWD connector
- Can be powered from USB
- Three LEDs, Two Push-buttons
- Support of wide choice of Integrated Development Environments (IDEs) including IAR, ARM Keil, GCC-based IDEs
-
Add the pages your device needs. The official example uses Dashboard, Device Settings, and Firmware Update pages.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy. -
Define API endpoints as the contract between the interface and firmware. In the example,
settingsholds a user-editable device name,stateexposes read-only metrics such as free RAM and ticks, andledscontains Boolean LED fields.
Keep read-only measurements separate from writable controls, and give each field a clear device meaning. A UI control alone does not make an endpoint affect a peripheral; the generated glue needs corresponding firmware behavior.
Rank #3
- Experience the power of the ARM Cortex M4 with this STM32F411CEU6 Development Board, featuring a blazing fast 100Mhz frequency and zero-wait state access to 512KB ROM and 128KB RAM for seamless programming
- Unlock endless possibilities with the STM32F4 Core STM32F411CEU6 Module System Board, equipped with FPU floating-point unit for efficient calculations and a plethora of interfaces including USART, I2C, SPI, and USBFS for versatile connectivity options
- Dive into the world of embedded systems with this Learning Board, boasting 20 Pin 2.54mm I/O interfaces, 4 Pin 2.54mm SW debugging interface, and user-friendly buttons like KEY (PA0), NRST, and BOOT0 for convenient operation and development
- Stay powered up and connected with the 3.3V-5V power input, 3.3V LDO with a maximum output current of 100mA, and a USB-C interface with built-in diode to prevent power backflow, along with high-speed and low-speed crystal oscillators for reliable performance
- Elevate your programming projects with the STM32F411CEU6 Development Board, featuring a SPI Flash for additional storage options, 12-bit ADC, 12-bit 5 S for accurate measurements, and 32.768K 6pF low-speed crystal oscillator for precise timing control
Generate the project and connect the callbacks
-
Generate the project from the Wizard configuration and open it using the build workflow specified for the selected template. For the example path, use the project instructions for STM32CubeIDE.
-
Inspect
mongoose_glue.{c,h}and locate the generated getters and setters for the configured API data.Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy. -
Replace sample or mock metric values with reads from the actual device. For writable fields such as the LED Booleans, connect setters to the board’s GPIO or other relevant driver APIs.
Rank #4
STMicroelectronics NUCLEO-F401RE STM32 Nucleo-64 Development Board with STM32F401RE MCU, USB, ST Morpho Connectivity, 1 User LED, 1 Reset Push-Button, On-Board ST-LINK/V2-1 Debugger/ Programmer- STM32 STM32F401RE microcontroller Cortex-M4 in LQFP64 package
- 1 user LED shared with UNO 1 user and 1 reset push-button
- Board expansion connectors: Uno V3 ST morpho extension pin headers for full access to all STM32 I/Os
- On-board ST-LINK/V2-1 debugger/programmer with USB re-enumeration capability. Three different interfaces supported on USB: mass storage, Virtual COM port and debug port
- Comprehensive free software libraries and examples available with the STM32Cube MCU Package
-
Decide how settings should behave across resets. A RAM-only example setting is temporary; add the storage and validation logic your device requires if settings must persist.
-
Build the firmware, resolve any board-specific configuration or peripheral integration issues, and flash it to the device using the template’s instructions.
In the official example, generated controls initially are not connected to real LED behavior; custom callbacks provide that connection. Treat successful generation as a starting firmware project, not proof that application-specific hardware behavior is complete.
Best Value
- STM32F103C8T6 ARM STM32 minimum system development module.
- ST-Link V2 support the full range of STM32 SWD interface debugging, simple interface (including power supply), 4 line speed, stable work.
- Use the current smart phones of Mirco USB interface, easy to use, USB communication and power supply can be done.
- The board lead to all the I/O resources.Download with SWD debug interface, which requires a minimum of 3 wires to complete debug a download task
Open the dashboard on the network
Once the flashed device initializes its network interface, find its assigned address and enter that IP address in a browser on the same reachable network. In the CubeIDE example, DHCP is the default; the tutorial recommends checking serial/device logs or the DHCP server’s client records to find the address. Static network settings are also possible, but address assignment and connectivity depend on the board and network configuration. Follow the selected board project’s own setup instructions if its host or flashing steps differ.
Handle firmware updates as a product feature
The demonstrated interface includes a Firmware Update page, and the tutorial says Wizard adds a firmware update endpoint when the update control is included. It describes built-in update support for supported microcontrollers, including STM32. Before using that flow in a deployed product, review the current update mechanism and ensure it meets your device’s authentication, integrity, recovery, and deployment requirements; a demo page is not by itself a complete production update policy.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
