Loading...

Overview Search Channels Q&A Users Files

Thread by BJ Szyjakowski (12 replies) | Slack Archive

Channel/Thread

Thread Discussion

Started by BJ Szyjakowski • Apr 3, 2025 6:21 PM

Total Replies

12

Participants

7

Activity

Quiet

— No recent activity

Duration

6:21 PM

Apr 3

Original Message

Thread starter

B

BJ Szyjakowski6:21 PM

:mario_question: For those of y’all who have been building / playing with react based modules — what has your go-to solution been for styles? What camps are you falling into? css-in-js? (styled-comonents, styled-jsx, etc) Tailwind? Tried and true css-modules? Other?

Replies

12 messages in thread

Sébastien RochonReply 1Apr 3, 2025 7:01 PM

Tailwind mixed with custom sass files for extra styles

BJ SzyjakowskiReply 2Apr 3, 2025 7:54 PM

Is there any specific reason that you’ve decided to go that route vs going with css-in-js solutions?

Sébastien RochonReply 3Apr 3, 2025 8:02 PM

I already had a lot of SASS done from my HubL version of the theme, so instead of refactoring, I brought it over.

Tricia LeachReply 4Apr 3, 2025 9:06 PM

CSS in JS because I love Framer Motion and those pair well

BJ SzyjakowskiReply 5Apr 3, 2025 9:10 PM

<@U066BM0FLH0> Framer motion is mostly just for animating yea? Do you pair it with anything else or are you just inlining styles?

Tricia LeachReply 6Apr 3, 2025 9:20 PM

Yes, using Framer Motion for animations and transitions. It's really good at <https://motion.dev/docs/react-animate-presence|exit animations>. You can...

matiasvadReply 7Apr 4, 2025 6:37 AM

I've been rolling with styled-components, as that's in use in the Elevate theme. I hadn't tried it before, so that was the main cause. Also dipping in...

Chris StoneReply 8Apr 4, 2025 11:42 AM

Tailwind over here

Rolando CariasReply 9Apr 4, 2025 6:34 PM

I am toying with Tailwind, but use Chakra UI as well

Andrey.DSRPTVReply 10Apr 8, 2025 6:15 PM

Definitely tailwind for me and I also use framer motion a lot. I like the ability to grab a whole component all at once and not have to worry too much...

BJ SzyjakowskiReply 11Apr 8, 2025 7:03 PM

<@UDHT6N5SM> are you referring to using tailwind ui / tailwind+ (I think they call it now)

Andrey.DSRPTVReply 12Apr 9, 2025 12:26 PM

<@UQWGKUEN7> yes, that, but also things like shadcn/ui <https://ui.shadcn.com/docs>