DEV Community

aaquib mohammed
aaquib mohammed

Posted on

Is a visual builder that exports clean code for BOTH full animated websites and single components a pipe dream? Validating my architecture project.

Hey everyone,
I'm a Computer Science student working on a massive architecture challenge (using React & Django), and I want to run my core concept by actual frontend devs to see if this solves a real problem or if I’m way off base.

The Problem I see:

  • If you use a full-site builder like Wix or Webflow, you are locked into their ecosystem, and exporting the whole site results in unmaintainable "div soup."
  • If you just need a single animated component, you are stuck hand-coding it from Figma designs, which slows down rapid prototyping.

My Concept:
A "Canvas-to-Code" visual builder that combines the layout ease of Wix with the animation power of Framer. But the key differentiator is the export engine:

1. Full Website Export: You can design a complete, multi page animated website and export the entire project as clean, structured React code (or HTML/CSS) with standard routing.

2. Single Component Export: If you don't need a whole site, you can design a single animated element (like a complex hero section or a navbar) and export just that isolated, modular component to drop directly into your existing codebase.

Before I sink months into writing the export logic for this:

  1. In your workflow, would you find more value in exporting a full website layout to get a project started or just grabbing complex single components?

  2. If a tool generated a full website's code for you (including animations via standard libraries like Framer Motion/GSAP), what is the biggest reason you wouldn't use that code in production?

  3. Does having the flexibility to do both (full site OR single piece) actually matter to you or is it overkill?

Roast the concept! Appreciate any brutal honesty before I start coding the heavy lifting.

Top comments (0)