I wanted to build my own v0-style code generation tool, but starting with a full web app builder felt overwhelming. So I narrowed the scope to something more focused: an AI email generator.
What it does: Describe an email in plain English, select your brand (logo, colors), and get a responsive, styled email. The AI generates React Email components, which means you get email-client-compatible code that you can version control and customize. Export as React or HTML.
One interesting technical decision: Initially used WebContainer for live preview, but boot time was 30-40 seconds plus 3-4s compilation. Switched to client-side Babel transpilation - now previews render in <1s. Trade-off is you can't install additional packages (e.g., custom icon libraries), but React Email's built-in components cover most use cases. Did I make the right call here?
Stack: TanStack Start, React Email, Postgres, Vercel AI SDK, Resend
I wanted to build my own v0-style code generation tool, but starting with a full web app builder felt overwhelming. So I narrowed the scope to something more focused: an AI email generator.
What it does: Describe an email in plain English, select your brand (logo, colors), and get a responsive, styled email. The AI generates React Email components, which means you get email-client-compatible code that you can version control and customize. Export as React or HTML.
One interesting technical decision: Initially used WebContainer for live preview, but boot time was 30-40 seconds plus 3-4s compilation. Switched to client-side Babel transpilation - now previews render in <1s. Trade-off is you can't install additional packages (e.g., custom icon libraries), but React Email's built-in components cover most use cases. Did I make the right call here?
Stack: TanStack Start, React Email, Postgres, Vercel AI SDK, Resend
Try it: https://usescribe.ashpak.dev GitHub: https://github.com/Blackmamoth/scribe
Would love feedback on whether this solves a real problem or if existing tools are already good enough.