I want to do something similar, only...for UI frameworks... So on the sidebar you have components...one is a sidebar right? so you click on it..on the right p

I want to do something similar, only...for UI frameworks... So on the sidebar you have components...one is a sidebar right? so you click on it..on the right pane it shows implementations on the top of the pain is a dropdown so you can switch from say. MUI to AntD to Vuetify, etc... some are narrow scoped frameworks (Vuetify for example is only Vue), some are Wide... Tailwind Kit for example or Daisy UI... they target tailwind but are JS Framework agnostic... So under each implementation of each component might be code for Rails, Laravel, Django, views and maybe even some sort of api integration where you can have a webhook that can either connect to your dev and push the code to the right places, OR it could put it in a queue if your local dev can't receive incoming normal http requests, you could just use a cron job or manually import the code from your localhost backend... I'm imaging this sort of being like a mixture of low-code meets Storybook with already developed ui components, and you could even import full templates, etc... So for backend devs w/ an idea 90% of the UI stuff is just drag/drop etc.... you could even have a way to combine elements somehow so you can build up a whole page of elements...and some sort of marketplace where people could share designs and maybe charge like $1 for the code snippet MIT license, but access to the code is $1. Edit: It'd also be cool to extend this to data-layer..so say I am designing my migrations/models... and I want an Employees table....well maybe I type in employees and it organically lists all the columns previous people have used for employees tables and ranks them by how often it was used... so you can basically have most of the data points that are pretty common across similar apps be shared and almost done for you...and then you can export to django, rails, prisma, hasura, laravel, etc...