search

ykdojo / OpenStream

OpenStream is an open-source project for creating a free tool that records screen and webcam footage simultaneously into separate files. It's designed for content creators and developed collaboratively through our community on Discord.
MIT License
105 stars 23 forks source link

Decide what to use to set styles #37

Closed ykdojo closed 4 months ago

ykdojo commented 4 months ago

Plain CSS? Tailwind? Something else?

mehta-avi commented 4 months ago

Personally, I would recommend using Tailwind since it's the most convenient and productive -- it would help us rapidly build out the UI while keeping styling consistent throughout. Using pure CSS, on the other hand, would require effort to maintain and organize as we scale, given that we have complete control of the styling.

usmanfaki commented 4 months ago

I think using Tailwind will be better than using plain CSS because of the reasons given by @mehta-avi. It will be a lot easier to read and maintain Tailwind than everyone writing their own class names in CSS.

ykdojo commented 4 months ago

Does it work well with React and Plasmo?

mehta-avi commented 4 months ago

Yes, Tailwind works pretty well with React -- I use it all the time as my frontend framework. I've never had the opportunity to work with Plasmo, but this is what the official documentation says: "Using TailwindCSS is super easy with Plasmo thanks to the built-in integration with PostCSS"

ykdojo commented 4 months ago

Seems like Tailwind is the right solution here then. I'll wait for a bit more to see if anyone else has something to add though.

Devanshukoli commented 4 months ago

Yup, I just read through the discussion. I also think it's better if we use TailwindCSS for it. :)

ykdojo commented 4 months ago

Okay let's go with Tailwind then!

usmanbinnaeem commented 4 months ago

seems like tailwindCSS will be great for fast UI development, offering flexibility and ease of use. It simplifies styling with utility classes, making it easier to maintain consistency across your extension. Ideal for projects where speed and design customization matter.