Shadcn UI Components

danielostapenko · 2024-11-26T19:13:40.621Z

Hey everybody

I’ve started to adopt Shadcn UI components to Bubble, so we’d be able to make nice-looking UI. Here is the plugin with them -

Bubble

Templates for Bubble

Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

Please check it out, I’ve migrated only some component for the beginning, but if you will find this useful and your feedback will be positive I’d like to continue migration. Happy to hear your opinions, thank you

GH5T · 2024-11-26T19:20:43.546Z

As much as I love shadcn components – I don’t see this being very useful inside of the Bubble environment – especially for the tag you’re suggesting. Unless you can prove me otherwise.

Shadcn components are meant to be used as dynamic styled components with particular variants and use-cases. I cannot see Bubble adapting to allow such use-cases.

Particularly, the tailwind CSS aspect.

The one big thing for me is the fact that you won’t be able to use the components like you should be able to (being able to use them together inside each other simultaneously and dynamically). If you can figure that one out, I’m all ears haha.

danielostapenko · 2024-11-26T20:52:52.934Z

Bubble still didn’t provide a possibility to create container-like plugins. When this would be possible — we’d be able to use Shadcn components in a way you described. Though, I’d like to point that now all Shadcn components need such compossibility, but yes, obviously it’s their big advantage that we most likely won’t be able to use right now.

jiangyaokais · 2024-11-27T00:49:26.255Z

what is a “container-like” plugin?

danielostapenko · 2024-11-27T11:06:00.231Z

It is the component/element provided by plugin, that can contain other components. So in the editor you can drag some component inside it.

danielostapenko · 2024-11-27T19:43:11.597Z

This is how the page looks like with using Shadcn UI Components:

Screenshot 2024-11-27 at 20.42.442052×2670 461 KB

s

tunacardak · 2024-11-27T22:08:03.981Z

Look to my coming at first light on the fifth day. At dawn, look to the East

danielostapenko · 2024-11-29T13:49:30.499Z

Indeed