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

0 Members and 1 Guest are viewing this topic.

Offline g9SixTopic starter

  • Newbie
  • Posts: 7
  • 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: 7
  • 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, please try it out and give feedback in the app:  https://espgenui.com
« Last Edit: July 28, 2026, 04:05:46 pm by g9Six »
 

Offline g9SixTopic starter

  • Newbie
  • Posts: 7
  • Country: us
    • G9Six
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #3 on: July 28, 2026, 04:08:02 pm »
The site is now live!
 

Offline jovelyngentallan02

  • Contributor
  • Posts: 44
  • Country: br
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #4 on: July 28, 2026, 04:56:11 pm »
Looks promising but why paid .... keep it free at start .... but i think it has a future .... add some AI stuff, it usually attracts
 

Offline g9SixTopic starter

  • Newbie
  • Posts: 7
  • Country: us
    • G9Six
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #5 on: July 28, 2026, 06:26:33 pm »
Thanks.  There is still a free tier.
 

Offline Kilrah

  • Supporter
  • ****
  • Posts: 2008
  • Country: ch
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #6 on: July 28, 2026, 08:10:44 pm »
The "Preview" doesn't show anything relevant? Can't see what kind of thing it can make without making an account?
 

Offline g9SixTopic starter

  • Newbie
  • Posts: 7
  • Country: us
    • G9Six
Re: ESP32-WebBuilder - a visual tool for designing ESP32 web interfaces
« Reply #7 on: July 28, 2026, 08:21:51 pm »
Correct, maybe "preview" isn't the best term.  ;)
 


Share me

Digg  Facebook  SlashDot  Delicious  Technorati  Twitter  Google  Yahoo
Smf

 

-->