https://github.com/negativetwelve/styled-x

Cross-platform styled-components built with React
https://github.com/negativetwelve/styled-x

react react-x styled-components

Last synced: 3 months ago
JSON representation

Cross-platform styled-components built with React

• Host: GitHub
• URL: https://github.com/negativetwelve/styled-x
• Owner: negativetwelve
• License: mit
• Created: 2018-03-31T00:37:08.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T22:49:29.000Z (over 2 years ago)
• Last Synced: 2025-04-11T16:41:09.211Z (3 months ago)
• Topics: react, react-x, styled-components
• Language: JavaScript
• Homepage:
• Size: 3.04 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# styled-x

[![npm](https://img.shields.io/npm/v/styled-x.svg)](https://www.npmjs.com/package/styled-x)

[![npm](https://img.shields.io/npm/dt/styled-x.svg)](https://www.npmjs.com/package/styled-x)

[![npm](https://img.shields.io/npm/l/styled-x.svg)](https://github.com/negativetwelve/styled-x/blob/master/LICENSE)

[![CircleCI](https://img.shields.io/circleci/project/github/negativetwelve/styled-x.svg?label=circle)](https://circleci.com/gh/negativetwelve/styled-x)

[![Travis](https://img.shields.io/travis/negativetwelve/styled-x.svg?label=travis)](https://travis-ci.org/negativetwelve/styled-x)

[![AppVeyor](https://img.shields.io/appveyor/ci/negativetwelve/styled-x/master.svg?label=appveyor)](https://ci.appveyor.com/project/negativetwelve/styled-x)

[![Coveralls](https://img.shields.io/coveralls/negativetwelve/styled-x.svg)](https://coveralls.io/github/negativetwelve/styled-x?branch=master)

Cross-platform component library built with react-x.

## Getting Started

Install `styled-x` using `yarn`:

```shell

yarn add styled-x

```

## Usage

```javascript

// You can import the entire component library as a single import:

import Styled from 'styled-x';

// Or you can import individual components:

import {Text, View} from 'styled-x';

```

## Components

Component | Version | Description

----------|---------|------------

[`styled-x-primitives`](/packages/styled-x-primitives) | [![npm](https://img.shields.io/npm/v/styled-x-primitives.svg)][npm-primitives] | Cross-platform Image, Text, and View components.

[npm-primitives]: https://www.npmjs.com/package/styled-x-primitives

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/styled-x/issues) or [submit a PR](https://github.com/negativetwelve/styled-x/pulls).