A utility-first CSS-in-JS framework built for React.
npm install @xstyled/systemSee the documentation at xstyled.dev for more information about using xstyled!
Quicklinks to some of the most-visited pages:
import styled from 'styled-components'
import { system } from '@xstyled/system'
const Box = styled.div(system)
export default BoxLicensed under the MIT License, Copyright © 2019-present Greg Bergé.
See LICENSE for more information.
| Version | Downloads (Last 7 Days) | Tag |
|---|---|---|
| 3.8.1 | 15,284 | latest |
| 3.0.0-beta.2 | 0 | next |
| Version | Downloads (Last 7 Days) | Published |
|---|---|---|
| 3.8.1 | 15,284 | |
| 3.8.0 | 3,157 | |
| 3.7.5 | 7,938 | |
| 3.7.4 | 147 | |
| 3.7.3 | 52 | |
| 3.7.2 | 4 | |
| 3.7.1 | 3 | |
| 3.7.0 | 600 | |
| 3.6.0 | 237 | |
| 3.5.1 | 44 | |
| 3.5.0 | 3 | |
| 3.2.0 | 1 | |
| 3.1.2 | 15 | |
| 3.1.1 | 35 | |
| 3.1.0 | 30 | |
| 3.0.2 | 211 | |
| 3.0.1 | 0 | |
| 3.0.0 | 3 | |
| 3.0.0-beta.2 | 0 | |
| 3.0.0-beta.1 | 0 | |
| 3.0.0-beta.0 | 0 | |
| 2.5.0 | 647 | |
| 2.4.0 | 110 | |
| 2.3.0 | 4 | |
| 2.2.3 | 4 | |
| 2.2.2 | 1 | |
| 2.2.1 | 14 | |
| 2.2.0 | 4 | |
| 2.1.0 | 3 | |
| 2.0.0 | 0 | |
| 2.0.0-alpha.1 | 0 | |
| 2.0.0-alpha.0 | 0 | |
| 1.20.0-alpha.0 | 0 | |
| 1.19.1 | 244 | |
| 1.19.0 | 227 | |
| 1.17.2 | 15 | |
| 1.17.1 | 11 | |
| 1.17.0 | 0 | |
| 1.16.0 | 2 | |
| 1.15.1 | 4 | |
| 1.14.0 | 1 | |
| 1.11.0 | 3 | |
| 1.10.0 | 0 | |
| 1.9.1 | 0 | |
| 1.9.0 | 2 | |
| 1.8.4 | 3 | |
| 1.8.2 | 0 | |
| 1.8.1 | 0 | |
| 1.8.0 | 3 | |
| 1.7.0 | 3 | |
| 1.6.0 | 5 | |
| 1.5.3 | 4 | |
| 1.5.2 | 4 | |
| 1.5.1 | 3 | |
| 1.5.0 | 4 | |
| 1.4.0 | 4 | |
| 1.3.0 | 1 | |
| 1.2.0 | 0 | |
| 1.1.1 | 1 | |
| 1.1.0 | 1 | |
| 1.0.4 | 0 | |
| 1.0.2 | 0 | |
| 1.0.1 | 0 | |
| 1.0.0 | 1 |
npm i @xstyled/system
29,097
3.8.1
MIT
551 kB
8