ReactCSS alternatives and similar libraries
Based on the "PostCSS" category.
Alternatively, view ReactCSS alternatives based on common mentions on social networks and blogs.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐ -
emotion
๐ฉโ๐ค CSS-in-JS library designed for high performance style composition -
CSS Layout
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing! -
JSS
JSS is an authoring tool for CSS which uses JavaScript as a host language. -
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation -
React CSS Modules
Seamless mapping of class names to CSS modules inside of React components. -
vue-virtual-scroll-list
โก๏ธA vue component support big amount data list with high render performance and efficient. -
Neutrino
Create and build modern JavaScript projects with zero initial configuration. -
Atomizer
A library to create small, reusable CSS that scales as your website grows. -
jTools - Javascript web components
jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms. -
React Inline
Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the `className` prop of React elements. -
DHTMLX UI Widgets with React
Using DHX widgets with React -
DHTMLX Widgets with Angular
Using DHX widgets with Angular -
ms-business-startup-bulma
Basic demo using Bulma CSS Framework Demo: -
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component
Appwrite - The open-source backend cloud platform
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of ReactCSS or a related project?
Popular Comparisons
README
ReactCSS
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.