Kuma UI 自诩为“css-in-JS 的未来”，是一个headless、实用程序优先、零运行时的组件库，其中包括自己的 CSS-in-JS 解决方案。

Kuma UI 的与众不同之处在于其混合方案，允许在运行时动态更改样式，同时仍然保持零运行时 CSS-in-JS 的性能优势。

特点

零运行时间：通过零运行时间 CSS 提取，提供极速网站。

自动完成：通过样式自动完成功能体验无缝开发。

Headless Components：使用我们的无头组件，享受最大程度的自定义自由。

混合方法：两全其美--我们的混合方法支持任何写作风格。

RSC支持：通过我们的 RSC 支持，了解最前沿的 Next.js 技术。

Familiar DX ：通过我们熟悉的 api 设计，享受终极 DX。

安装

npm install @kuma-ui/core

使用

function App() {
  return (
    <Box as="main" display="flex" flexDir={["column", "row"]}>
      <Heading
        as="h3"
        className={css`
          color: red;
          @media (max-width: sm) {
            color: blue;
          }
        `}
      >
        Kuma UI
      </Heading>
      <Spacer size={4} />
      <Flex flexDir={`column`}>
        <Text as="p" fontSize={24}>
          Headless UI Component Library
        </Text>
        <Button variant='primary'>Getting Started</Button>
      </Flex>
    </Box>
  );
}

链接: https://fly63.com/nav/4121