Посоветуете ui либу для проекта? Выбор между shadcn + tailwind и material ui?

Question

[Niksak]

mui не работает с tailwind нормально
Суть в том, что проект это crm, а также там нужно не мало всяких датапикеров и таймпикеров, понадобятся даже графики.
В shadcn нет таймпикеров, только датапикер
В mui есть вообще все, но там свои проблемы, например баг с input type number где туда можно вписывать не только числа(
И вопрос, насколько вообще дизайнерские штуки можно создавать на том, и на другом? Т.е. насколько далеко можно отойти от стандартных компонентов в стилизации.
Где удобнее будет делать темизацию, т.е. ее переключение?

Answer 1

[VoidVolker]

Комбайна "всё в одном" не найдёте - даже если найдёте, что-то там не так или не эдак. Лучше использовать несколько более специализированных и которые большей частью подходят под ваши требования, а недостающие компоненты допилить ручками. Например, можно взять что-то типа UIKit для стандартных компонентов, Chart.js для графиков (еще есть хорошие альтернативы в виде D3/C3 и Vis.js).

Comments

[Niksak]

ui кит не подходит под tailwind?
Чет все тянет попутный ветер использовать, но мб оно и не обязательно)
Насколько ui kit можно модифицировать, как далеко зайти от стандартных компонентов?

[Niksak]

Да и как быть, когда ты находишь нужные вещи в двух разных ui китах?
Сразу два ставить что-ли? По типу antd и mui)

[VoidVolker]

Niksak,

Насколько ui kit можно модифицировать, как далеко зайти от стандартных компонентов?

Достаточно легко - я, например, без проблем сделал темную тему для него когда-то давно, еще для первой версии. А сейчас там уже третья и вроде даже четвертую потихоньку пилят. Названия и интерфейсы все достаточно лаконичные и понятные, всё очень хорошо структурировано. Когда надо без заморочек набросать веб-интерфейс - всегда беру UIKit. А вот когда хотят всякое разное - то там да, обычно приходится заморачиваться.

Да и как быть, когда ты находишь нужные вещи в двух разных ui китах?

Можно и два взять - лишний код легко выкидывается сборщиком с перетряской дерева, а вот подгонка стилей и интерфейсов - вот тут уже чуть сложнее, т.к. везде свой зоопарк и по-хорошему надо делать свою обертку(хотя бы самую простую) над компонентами для скрытия различий в интерфейсах, названиях и прочем.