Anyone able to implement Tailwind CSS into Plasmic?

Plasmic Studio Questions
1

Has anyone been able to implement Tailwind CSS into a Plasmic project? Thought it could be a great starter for UI production

1 Like
2

we use Tailwind in our Next.js project which feeds Code Components into Plasmic

1 Like
3

Awesome. We are trying to do the same right now too @surprising_viper

4

Hey @particular_clam, You can feed components styled with Tailwind CSS to your Plasmic Project without any extra configuration just as you would do in any other React project. Plasmic doesn’t impose any rules on that.

5

i’m a big tailwind fan - honestly i just copy the tailwind scaling system into style tokens. gap-4 gap-8 gap-32 etc.

Would be cool to have a plugin that just inherited all the tokens (i think it works now with imported project)

i keep tailwind on the frontend but it’s really just for when i’m in a pinch but i’ve been finding it almost unnecessary

6

Hey @working_tuna are you guys using headless api or code gen?

7

@surprising_viper we’re using Codegen!

8

@working_tuna @yang @chungwu Is it possible to get Tailwind CSS working with Headless API Code Components ?

9

@surprising_viper We’re using it through Codegen, but I don’t think the headless/codegen strategy should be a factor here. It worked for us out of the box

10

hello @working_tuna and friends,

11

please help to make a toturial to add Tailwind css / tailwind ui to project.

2 Likes
12

I’m looking that too