Popularity
3.9
Growing
Activity
0.0
Stable
1,597
24
86

Code Quality Rank: L5
Programming language: JavaScript
License: MIT License
Tags: UI     Css     React     components     PostCSS     Reactcss    
Latest version: v1.2.0

ReactCSS alternatives and similar libraries

Based on the "PostCSS" category.
Alternatively, view ReactCSS alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of ReactCSS or a related project?

Add another 'PostCSS' Library

README

ReactCSS

Build Status dependency status dev dependency status [License][license-url] Downloads

Inline Styles in JS with support for React, React Native, Autoprefixing, Hover, Pseudo-Elements & Media Queries

Install

npm install reactcss --save

Style Object

Define a default styles for your elements:

import reactCSS from 'reactcss'

const styles = reactCSS({
  'default': {
    card: {
      background: this.props.background,
      boxShadow: '0 2px 4px rgba(0,0,0,.15)',
    },
  },
})

Pass style definitions via inline styles:

<div style={ styles.card } />

Activating Classes

Activate additional classes by passing down objects as additional parameters to reactCSS:

const styles = reactCSS({
  'default': {
    card: {
      background: '#fff',
      boxShadow: '0 2px 4px rgba(0,0,0,.15)',
    },
  },
  'zIndex-2': {
    card: {
      boxShadow: '0 4px 8px rgba(0,0,0,.15)',
    },
  },
}, {
  'zIndex-2': props.zIndex === 2,
})

Documentation

See the Full Documentation

Examples

Examples and projects built with reactCSS:

Felony - Next Level PGP Desktop App React Color - Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more Buffer App Components - A shared set of UI Components React Reactions - Use Reactions from Slack, Facebook, Pokemon, Github and Youtube


*Note that all licence references and agreements mentioned in the ReactCSS README section above are relevant to that project's source code only.