xstyled - A utility-first CSS-in-JS framework built for React. - xstyled

<x.div p={{ _: 3, md: 6 }} bg="white" display="flex" spaceX={4} alignItems="center" boxShadow borderRadius > <x.div flexShrink={0}> <img height={12} width={12} src="/logo.png" alt="xstyled" /> </x.div> <x.div> <x.h4 text={{ _: "md", lg: "xl" }} fontWeight="medium" color="black" > xstyled </x.h4> <x.p color="gray-500" text="sm" my={1}> A CSS-in-JS framework built for React. </x.p> </x.div> </x.div>

[knjname]

chakra-ui との違いがよくわからない

[sotq17]

React向けのUtility-firstなCSS-in-JSフレームワーク。便利そうやけど書き方が、んー

[ka2nn]

そういえばchakra-uiにも少し前に`chakra.div`みたいなのが入ってこれだけ欲しいなーと思ってたので良い感じかもしれない

[efcl]

React向けのUtility-firstなCSS-in-JSフレームワーク。 CSS-in-JSライブラリとしてstyled-componentsまたはemotionを使い、TailwindのようなUtilityスタイルを指定できるコンポーネントを提供する目的。 styled-systemをインスパイアしている