// Personal project
Creatives
I built a full-stack developer tools platform for browsing, customizing, and exporting UI components across ten different frameworks (React, Next.js, Vue, Flutter, Kotlin, and more) from a single component definition.
Tech Stack
How it works
The hard part was making one definition produce genuinely idiomatic code in ten different ecosystems.
- Built a conversion system that turns one stored component definition into idiomatic, framework-correct code for each target stack.
- Built an AI editor that updates a live component preview from plain-language instructions.
- Built a drag-and-drop visual builder so non-technical users can assemble full layouts and export working code without writing any.
Why I built it
Developers switching between frameworks usually have to rebuild the same UI component from scratch in each one, and non-technical team members have no way to assemble a layout without writing code at all.
How I approached it
I built a single source-of-truth component definition and a conversion layer that outputs idiomatic code per framework, then added an AI editor and a drag-and-drop builder on top so both developers and non-technical users could work with it.
