Registering Components with TailwindCSS and ShadCn

Developer Support
1

Hi everyone,

I’m new here and having some trouble with component registration.

I’m trying to use ShadCn/Radix components in Plasmic, but I can’t see their styles. Even with a basic “hello world” example, the styles are missing. I’m also having issues configuring variants and wondering if there’s support for TailwindCSS.

Could anyone provide guidance on the following?

  1. TailwindCSS Support: Is there a way to integrate TailwindCSS with Plasmic for styling?
  2. Variants Configuration: How can I configure variants for my components?
  3. ShadCn/Radix UI Support: Are there any examples or documentation for registering ShadCn/Radix components in Plasmic?
  4. Style Management: Do I need to add styles manually, or is there a way to detect and apply styles automatically?

Thank you for your help and for being part of this amazing community!

ss1
ss1964×403 109 KB

ss2
ss21891×661 197 KB

Ekran görüntüsü 2024-07-30 103211
Ekran görüntüsü 2024-07-30 1032111644×939 37.7 KB

Ekran görüntüsü 2024-07-30 102811
Ekran görüntüsü 2024-07-30 102811794×480 75.8 KB

project-id: 9ghJaSGmnRfgGmtFTf2tre

2

Did you got any update on that?

3

No, I haven’t!

4

There is a forum post of chakra UI may be that can help you. Let me know the update if you are successful in that!

How to use Charka UI with Plasmic? - Developer Support - Plasmic Community

5

Thank you very much! I’ll check out and let you know if that works!

6

Also there is github link for the chakra UI in the post. I found out there is also radix UI file in there.

plasmic/plasmicpkgs/radix-ui/package.json at master · plasmicapp/plasmic (github.com)

1 Like
7

Thank you for providing that file. It’s very useful.

8

Hey are you able to integrate shadcn and plasmic? Can I ask for your help? Please contact me via zizhanghe@outlook.com. Thanks.