Из каких UI китов для React можно брать по одному компоненту и не потянуть за собой весь код библиотеки?

Question

[wvw1]

Привет),
вот пример: radix-ui.com, в этой библиотеке каждый компонент устанавливается как зависимость:
npm install @radix-ui/react-progress

import * as Progress from '@radix-ui/react-progress';

export default () => (
  <Progress.Root>
    <Progress.Indicator />
  </Progress.Root>
);

Другие же библиотеках она устанавливается целиком, и компоненты используются так:

import { Form, Input, Button, Checkbox } from 'antd';
// ...

Из каких еще библиотек (кроме radix-ui) можно взять компонентов, не потянув за собой огромную кучищу ненужного кода и CSS стилей (про светлую/темную тему, компоненты <Grid />, <Flex /> и т. д., ну вы поняли) Спасибо : )

P.S. material-ui тоже имеет такой же подход, как и radix-ui

Comments

[Aetae]

В Antd ты можешь не подключать общий css, а также потянуть стили отдельных компонентов из lib/<component>/style/index.less или es/<component>/style/index.less. А всё остальное неиспользуемое по идее должно быть tree-shake'нуто автоматически. Но сам, признаюсь, не проверял.)