guiprav

So this is my visual app builder Webfoundry, I used it to create a handful web apps including MEATEOR, the P2P Grindr alternative I posted about here: https://news.ycombinator.com/item?id=46040436

This demo shows how the voice assistant is able to call GPT 5.1 Codex to generate beautiful HTML elements for your page on-demand based on voice specs.

Other than that, Webfoundry has the following features:

- Fully Tailwind CSS-based design. - WYSIWYG allows you to edit the actual HTML DOM visually; there's no vDOM and so it plays nicely with vanilla JS libraries, even jQuery, etc. - Total JavaScript control with simple state management much unlike the horrors of React and others. - Fully P2P realtime live collaboration both in the visual editor and the built-in code text editor. - 2-click Netlify deployments right from the app. - A few of bugs I've been procrastinating on fixing lately... - Soon: Export app as a Windows/Linux desktop or Android Tauri application.

It's hard to use at first but the learning curve is honestly not that steep, I'm willing to demo and handhold anyone interested in trying this out over a video call! Reach out to me by email (gui@guiprav.com) or LinkedIn: https://www.linkedin.com/in/guiprav

Cheers! Gui

Source code for the curious: https://github.com/guiprav2/meateor

Hey everyone,

I got so fed up with Grindr's bots, ads, and random bans that I decided to try something stupid: what if two PCs/phones could just find each other directly, no central server at all? So I built exactly that. Current (very rough) feature list:

- 100% peer-to-peer: uses Trystero (WebRTC library on top of any public BitTorrent tracker as the signaling server) → you literally connect through random strangers’ torrent clients acting as relays. - No signup, no phone number, no email — just open the page and you get a temporary ID. - Location sharing via the browser’s geolocation. - Grid of people nearby, tap → chat opens instantly. - Send pics exactly like Grindr (they go P2P, never touch a server). - Built-in Brazilian PIX request button in the chat (type the amount → QR code pops up). Yes, really. - Video calling isn't working yet unfortunately, but I'm working on it.

Tech stack for the curious: Webfoundry (my visual app builder) + Trystero + a few lines of localStorage for caching recent chats (so you don’t lose them on refresh). And obviously it was like 80% vibe coded at least. It's obviously super early, super janky, and probably full of privacy footguns I haven't found yet — that’s why I’m here.

Looking for:

- Brutal feedback on UX. - People willing to try it with a friend (or random stranger) and tell me where it explodes. - Bonus points if you’re in Brazil and want to test the PIX flow (especially by sending me monies >))

Live demo (mobile-friendly): https://meateor2.netlify.app/ (Yes it’s 18+ because… well… it’s a Grindr clone. Nothing explicit since there's no one there yet though). Would love to hear what you think — tear it apart, I can take it. Thanks for letting me share!

Cheers!

Gui

As for how to use Webfoundry, the learning curve is steep but short. As soon as you understand you can click elements and use the Styles tab (accessible through the paint brush action on the sidebar) to view and modify Tailwind CSS classes, everything should make a lot more sense.

Other than that, adding elements and navigating the DOM without drag-and-drop and without an HTML tree can seem counterintuitive but is very easy once you get the hang of it. You can use the Left Arrow to select a parent element, the Right Arrow to select the first child, and Up and Down Arrows to move the selection between siblings. This combined with click-to-select makes it quite easy to reach any point in the DOM tree very visually. Once an element is selected, you can use the Actions tab (accessible from the little hand icon on the sidebar) to create elements after the currently selected element, before, or inside using the action buttons that show up. Keyboard shortcuts are visible on the right so you can learn to use the keyboard if you want. It speeds things up drastically but isn't for everyone.

Anyways, thanks for giving Webfoundry a go even if short, we really appreciate it!

There are 2 main modalities for using Webfoundry. The first is to develop an app entirely in Webfoundry, which has untethered support for JavaScript (we're looking to add TypeScript support eventually). The second is to only use Webfoundry as a Tailwind CSS editor. In other words, you'd still use React/Vue/etc, but you'd be copying JSX to and from Webfoundry. For example say you have a header and you want to make changes to it. First you'd copy its JSX to Webfoundry, then you'd make the necessary changes to it visually, and finally you'd copy the JSX back to your source. In my experience, once you get the hang of the editor, you can develop UIs up to 2x faster than by writing code (not made up, I measured it!)

The editor's source code is available for the curious minds, but for now it's proprietary: https://github.com/guiprav2/webfoundry3 We want to make it fully open source soon.

We use Intercom for in-app communications and reply quickly. You can get any help you want related to web development with Webfoundry there. Would love to read your opinions on it!

Cheers, Gui @ Webfoundry.app