Author Topic: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces  (Read 1041 times)

0 Members and 1 Guest are viewing this topic.

Offline g9SixTopic starter

  • Newbie
  • Posts: 4
  • Country: us
    • G9Six
I started building a browser tool where you drag and connect modules — Pages, Sensors, Forms, Cards, APIs, Storage — to lay out the website your ESP32 serves. Hit Generate and you get a complete, self-contained .ino with WiFi setup, routing, HTML rendering, and sensor reads wrapped in a clean EmbeddedSite class. Set your credentials and flash.

Highlights:

Live preview (with phone-frame toggle) before you compile

Form → Storage flow that saves to NVS, plus a node to read values back

WebServer or AsyncWebServer backend

Configurable site theme colorset, baked into the generated code

Import/Export diagrams as JSON

All client-side, no install, no backend, or bloated frameworks. Putting it out for feedback — curious what you think of this kind of workflow and code generation, and what modules you'd want. Mongoose Wizard kicks butt, so is there a place for a simple tool concept like this?

 
The following users thanked this post: ledtester, ozkarah

Offline ozkarah

  • Regular Contributor
  • *
  • Posts: 125
  • Country: tr
I started building a browser tool where you drag and connect modules — Pages, Sensors, Forms, Cards, APIs, Storage — to lay out the website your ESP32 serves. Hit Generate and you get a complete, self-contained .ino with WiFi setup, routing, HTML rendering, and sensor reads wrapped in a clean EmbeddedSite class. Set your credentials and flash.

Highlights:

Live preview (with phone-frame toggle) before you compile

Form → Storage flow that saves to NVS, plus a node to read values back

WebServer or AsyncWebServer backend

Configurable site theme colorset, baked into the generated code

Import/Export diagrams as JSON

All client-side, no install, no backend, or bloated frameworks. Putting it out for feedback — curious what you think of this kind of workflow and code generation, and what modules you'd want. Mongoose Wizard kicks butt, so is there a place for a simple tool concept like this?

interesting. please post the updates
 
The following users thanked this post: g9Six

Offline g9SixTopic starter

  • Newbie
  • Posts: 4
  • Country: us
    • G9Six
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #2 on: June 15, 2026, 12:58:54 am »
The site is now live in Beta, please try it out and give feedback in the app:  https://espgenui.com
« Last Edit: June 15, 2026, 12:13:57 pm by g9Six »
 


Share me

Digg  Facebook  SlashDot  Delicious  Technorati  Twitter  Google  Yahoo
Smf