Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEAT_REQ] Add Support For TailwindCSS #210

Open
tomonarifeehan opened this issue Sep 22, 2024 · 0 comments
Open

[FEAT_REQ] Add Support For TailwindCSS #210

tomonarifeehan opened this issue Sep 22, 2024 · 0 comments
Labels
good first issue Good for newcomers

Comments

@tomonarifeehan
Copy link
Collaborator

Is your feature request related to a problem? Please describe.
Our current UI development stack relies on React and MaterialUI, which, while robust, can be limiting when it comes to rapid design iteration and utility-based styling. MaterialUI’s component-driven approach often leads to verbose code and less flexibility in customizing styles directly within the markup. TailwindCSS, with its utility-first design philosophy, would complement our existing setup by providing a more streamlined and scalable way to handle styling, allowing developers to leverage the latest UI tools and create highly customized designs without the overhead of complex overrides.

Describe the solution you'd like
Integrate TailwindCSS alongside our existing React and MaterialUI setup, enabling developers to use utility classes for quick, consistent, and responsive styling. This hybrid approach would allow us to continue leveraging MaterialUI's pre-built components where they add value while using TailwindCSS to enhance customization, reduce CSS bloat, and improve overall design agility. Developers would be able to use Tailwind's rich ecosystem of plugins and tools to keep the UI modern and maintainable.

Describe alternatives you’ve considered
Continuing to use only MaterialUI with custom themes and overrides, though this often results in increased complexity and reduced styling flexibility.
Switching entirely to another component library that supports utility classes, but this would require significant refactoring and could still lack the fine control provided by TailwindCSS.

Additional context
Adding TailwindCSS would allow us to harness the benefits of both MaterialUI’s component system and Tailwind's utility-first styling, improving developer productivity and design consistency. This integration would modernize our UI approach and provide more dynamic styling options without disrupting our current React setup. Below are examples of similar projects successfully using a combination of MaterialUI and TailwindCSS for flexible and scalable UI development.

@tomonarifeehan tomonarifeehan added the good first issue Good for newcomers label Sep 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

1 participant