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

[![License](https://img.shields.io/npm/l/@xstyled/system.svg)](https://github.com/gregberge/xstyled/blob/master/LICENSE) [![npm package](https://img.shields.io/npm/v/@xstyled/system/latest.svg)](https://www.npmjs.com/package/@xstyled/system) [![npm downloads](https://img.shields.io/npm/dm/@xstyled/system.svg)](https://www.npmjs.com/package/@xstyled/system) [![CircleCI](https://circleci.com/gh/gregberge/xstyled.svg?style=svg)](https://circleci.com/gh/gregberge/xstyled) [![codecov](https://codecov.io/gh/gregberge/xstyled/branch/master/graph/badge.svg)](https://codecov.io/gh/gregberge/xstyled) ![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg) [![Dependencies](https://img.shields.io/david/gregberge/xstyled.svg?path=packages%2Fsystem)](https://david-dm.org/gregberge/xstyled?path=packages/system) [![DevDependencies](https://img.shields.io/david/dev/gregberge/xstyled.svg)](https://david-dm.org/gregberge/xstyled?type=dev) [![Small size](https://img.badgesize.io/https://unpkg.com/@xstyled/styled-components/dist/xstyled-system.min.js?compression=gzip)](https://unpkg.com/@xstyled/styled-components/dist/xstyled-system.min.js) ```bash npm install @xstyled/system ``` ## [Docs](https://xstyled.dev) **See the documentation at [xstyled.dev](https://xstyled.dev)** for more information about using xstyled! Quicklinks to some of the most-visited pages: - [**Getting started**](https://xstyled.dev/docs/getting-started/) - [System](https://xstyled.dev/docs/system/) ## Example ```js import styled from 'styled-components' import { system } from '@xstyled/system' const Box = styled.div(system) export default Box ``` ## License Licensed under the MIT License, Copyright © 2019-present Greg Bergé. See [LICENSE](./LICENSE) for more information.

	Stars	Issues	Version	Updated	Created
@chakra-ui/react	36,717	283	2.8.2	6 months ago	4 years ago
@xstyled/styled-components			4.0.0	9 days ago	5 years ago
@xstyled/system			3.8.1	10 days ago	5 years ago

@chakra-ui/react vs @xstyled/styled-components vs @xstyled/system

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past