С какими библиотеками для дизайна работал

Ответ

Работал с Material UI, Ant Design, Tailwind CSS и Bootstrap.

Material UI – для React-проектов с Material Design. Пример:

import { Button } from '@mui/material';
<Button variant="contained">Click</Button>

Ant Design – для корпоративных интерфейсов. Хорош для админок.

Tailwind CSS – для быстрой стилизации без написания CSS. Пишу utility-классы прямо в разметке.

Bootstrap – для лендингов и проектов, где нужна быстрая вёрстка.

Также использовал Chakra UI и Headless UI для кастомных компонентов.

Ответ 18+ 🔞

О, Material UI! Ну это ж классика, блядь. Как же без неё, когда на React'е пишешь. Берёшь эту кнопку, сука, из коробки — и она уже красивая, как будто её Гугл лично благословил. Всё по гайдам, блядь, Material Design, эти тени, ripple-эффекты... Красота, ёпта!

А вот Ant Design — это уже серьёзная тема, для взрослых дядек. Когда нужно сделать админку, где таблиц дохуя, форм дохуя, и всё это должно выглядеть солидно, а не как пет-проект школьника. Там компоненты — просто песня, блядь. Модалки, шаги, таблицы с сортировкой — всё из коробки. Не жизнь, а малина!

Но потом, сука, приходит осознание. Хочется свободы, нахуй! Не хочешь ты быть заложником этих готовых дизайн-систем. Вот тут-то и вылезает, как чёрт из табакерки, Tailwind CSS. Это, блядь, вообще отдельная религия. Сидишь и пишешь прямо в JSX: className="p-4 bg-blue-500 hover:bg-blue-700 rounded-lg". Сначала думаешь — что за хуйня, какой-то китайский язык. А потом втягиваешься, и понимаешь — скорость просто овердохуищная! Никаких отдельных CSS-файлов, никаких конфликтов имён. Гениально и просто, как три копейки.

А Bootstrap... Ну, старый добрый Bootstrap, блядь. Как дедушка в чулане. Иногда достаёшь его, когда нужно на коленке слепить лендинг за три часа. Грид-сетка, знакомые всем btn btn-primary, готовые компоненты. Работает, сука, как швейцарские часы. Не модно уже, конечно, но зато надёжно, как скала.

А ещё были эксперименты, блядь. Chakra UI — прикольная штука, особенно если любишь пропсы стилей прямо в компоненты пихать. И Headless UI — это вообще для тех, кто хочет полный контроль над внешкой, но не хочет, блядь, с нуля логику аккордеона или модалки писать. Дают тебе поведение, а уж как это выглядеть будет — твои проблемы, художник ёбаный.

Короче, инструментов — как говна за баней. Выбирай по задаче и по настроению. Главное — чтобы проект не развалился, и заказчик не пришёл с вилами.