search

olliethedev / ui-builder

A React component that provides a no-code, visual way to create UIs, compatible with shadcn/ui and custom components.
https://www.uibuilder.app/
MIT License
211 stars 26 forks source link

shadcn components import #3

Open no-1ne opened 1 month ago

no-1ne commented 1 month ago

There are so many awesome shadcn UI libraries https://github.com/birobirobiro/awesome-shadcn-ui and most of the are slowly supporting the shadcn registry structure,

if would be nice to provide all those as pre made components automatically..may be autogenerating the necessary schema treating shadcn elements as primitives

olliethedev commented 3 weeks ago

Thanks for the great suggestion.

Currently, I am focusing on the stability and flexibility of the UI builder for the next few releases. But once that's done I will work on adding component packs with form components, framer motion wrapper components, react-email components, and others.

That being said, you should be able to add existing awesome shadcn component libraries by first calling shadcn@latest add ... and then calling the npx tsx lib/ui-builder/scripts/zod-gen.ts script. This will generate necessary schemas you can then add to the component-registry.tsx file.