ランキングに戻る
A utility-first CSS-in-JS framework built for React. 💅👩🎤⚡️
styled-componentsemotioncssreactcss-in-jsstyled-systemtailwindcss
主要指標
スター成長
スター
2.3k
フォーク
103
週間成長
—
Issue
16
1k1.5k2k
2019年5月2020年7月2021年9月2022年12月2024年2月2025年5月2026年7月
README
A utility-first CSS-in-JS framework built for React.
npm install @xstyled/styled-components styled-components
Docs
See the documentation at xstyled.dev for more information about using xstyled!
Quicklinks to some of the most-visited pages:
Example
import { x } from '@xstyled/styled-components'
function Example() {
return (
<x.div p={{ _: 3, md: 6 }} bg="white" display="flex" spaceX={4}>
<x.div flexShrink={0}>
<x.img h={12} w={12} src="/img/logo.svg" alt="xstyled Logo" />
</x.div>
<x.div>
<x.h4
fontSize={{ _: 'md', lg: 'xl' }}
fontWeight="medium"
color="black"
>
xstyled
</x.h4>
<x.p color="gray-500">A CSS-in-JS framework built for React.</x.p>
</x.div>
</x.div>
)
}
License
Licensed under the MIT License, Copyright © 2019-present Greg Bergé.
See LICENSE for more information.
関連リポジトリ