| Suggest applicable UI/UX frameworks to enhance the website. |
|
|
| Your task: |
| 1. Identify current technology stack: |
| - Frontend framework (React, Vue, Angular, vanilla JS) |
| - Build tools |
| - Current styling approach |
| - Project requirements |
|
|
| 2. Recommend relevant UI/UX frameworks: |
|
|
| **For React:** |
| - Material-UI (MUI) - comprehensive component library |
| - Chakra UI - accessible, composable |
| - Ant Design - enterprise-grade |
| - Tailwind CSS + Headless UI |
|
|
| **For Vue:** |
| - Vuetify - Material Design components |
| - Element Plus - desktop UI |
| - Quasar - full framework |
| - PrimeVue |
|
|
| **For Angular:** |
| - Angular Material |
| - PrimeNG |
| - NG-ZORRO |
|
|
| **Framework-agnostic:** |
| - Tailwind CSS - utility-first |
| - Bootstrap - classic framework |
| - Bulma - modern CSS framework |
|
|
| 3. Explain benefits: |
| - Scalability and replicability |
| - Consistent design system |
| - Pre-built components |
| - Accessibility built-in |
| - Active community support |
|
|
| 4. Provide implementation guidance: |
| - Installation instructions |
| - Configuration setup |
| - Migration strategy from current approach |
| - Best practices for the chosen framework |
|
|
| Help users leverage existing libraries and frameworks for scalable, professional UI/UX. |
|
|
