Assess the Feasibility of Migrating to Tailwind

[Vinyl-Davyl]

Feature Request 🛍️

Create a roadmap for transitioning from Ant-UI to Tailwind CSS. Highlight key steps (e.g., component mapping, theme building, phasing out Ant-UI).

Use Case

The goal of this feature is to improve the flexibility, customizability, and maintainability of the Template Playground's styling framework. Ant-UI provides pre-styled components with limited customization options, while Tailwind CSS offers a more modular and flexible approach. Transitioning to Tailwind CSS would allow us to build custom themes, improve the consistency of UI design, and better accommodate future feature requirements.

Possible Solution

1. Component Mapping

   • Audit existing components built with Ant-UI.
   • Map them to equivalent Tailwind implementations, identifying gaps.

2. Theme Building

   • Design and implement a base Tailwind CSS theme to replicate the current look and feel.
   • Create utilities for consistent styling across components.

3. Incremental Migration

   • Begin migrating non-critical UI components to Tailwind CSS.
   • Gradually replace Ant-UI components while ensuring no disruption to the app’s functionality.

4. Testing and Validation

   • Test each migrated component for visual and functional consistency.
   • Regularly validate the app’s performance during the transition.

5. Documentation

   • Maintain detailed documentation for the migration process, including new component designs and Tailwind CSS best practices.

[meetoza30]

@Vinyl-Davyl is this issue solved? I would like to try if this isnt solved yet.

[DianaLease]

@Vinyl-Davyl is this issue solved? I would like to try if this isnt solved yet.

I believe @nitro56565 is looking into this currently. @nitro56565, is there anything @meetoza30 could help with?

[nitro56565]

Hey @meetoza30,

Thanks for your interest in helping out with this! Right now, the issue is still on hold since we’re not entirely sure about all the challenges this migration might bring.

If you’re keen to dig into it and contribute, I’d recommend checking out the doc I shared on Discord in the Technology WG channel. Watching a few past WG calls could also give you a better idea of how we’re thinking about the design.

[Vinyl-Davyl]

Yeah Hey @meetoza30 this issue is still on hold. No conclusion has been made yet, but it's one we are looking into.

[Vinyl-Davyl]

@Vinyl-Davyl is this issue solved? I would like to try if this isnt solved yet.

I believe @nitro56565 is looking into this currently. @nitro56565, is there anything @meetoza30 could help with?

Yeah