aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

•    Javascript

---

Support for colocating your styles with your JavaScript component.If you'd rather watch introductory videos, you can find them here.

css aphrodite css-in-js react inline-styles

react-with-styles - Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

•    Javascript

---

Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or React Native). Easily access shared theme information (e.g. colors, fonts) when defining your styles.Create a module that exports an object with shared theme information like colors.

react css css-in-js styles aphrodite radium inline native

hypernova-amp

•    Javascript

---

Aphrodite bindings for Hypernova for rendering AMP pages.Inserts css before the generated CSS.

aphrodite css styles react hypernova server render isomorphic universal

hypernova-aphrodite

•    Javascript

---

Aphrodite bindings for Hypernova.

aphrodite css styles react hypernova server render isomorphic universal

react-with-styles-interface-aphrodite - Interface to use react-with-styles with Aphrodite

•    Javascript

---

Interface to use react-with-styles with Aphrodite.react-with-styles-interface-aphrodite now has built-in LTR/RTL context support in its with-rtl version. Specifically, it uses rtl-css-js to automatically flip styles (margin, padding, float, textAlign, etc.) that were written for an LTR page when the dir="rtl" attribute is applied. We recommend using react-with-direction's DirectionProvider at your top-level node to achieve best results.

react-with-styles aphrodite

github-user-search - Browse GitHub users with React

•    Javascript

---

Requests are cached in session storage to limit the use of the API. A personal project built with React, Redux and other tools to search users and view their profiles on Github. Nothing serious.

react redux suit-css aphrodite webpack redux-saga lodash-fp axios

css-in-react - 🍭 CSS in React - Learn the best frameworks by example

•    Javascript

---

🍭 CSS in React - Learn the best frameworks by example

css react postcss styled-components css-modules aphrodite styletron radium cssinjs css-in-react css-in-js react-css-modules stylable emotion glamor jss glamorous decss

react-amp-template - AMP template generator

•    Javascript

---

RAMPT provides shorthands for amp-custom-elements. A [ get ] operation on { AMP } module returns Node element and automatically registers the <script /> tag required by AMP. This project is licensed under the Apache License, Version 2.0. Copyright (c) 2016 Ariel Fernando Rodriguez. For more information see LICENSE.md.

javascript-library react amp-html preact styled-components aphrodite amp server-rendering react-amp amp-react template styledcomponent

aphrodite-jss - Aphrodite-like API on top of JSS.

•    Javascript

---

This project is a merge of good ideas from aphrodite and JSS. It provides an API of aphrodite but fixes lots of limitations and caveats by using JSS as a rendering engine under the hood. Create function doesn't render anything, it just registers your styles.

jss aphrodite cssinjs css-in-js react

adonis - Adonis :heart: Aphrodite

•    Javascript

---

Similarly to styled-components, you can wrap your React application in a ThemeProvider and pass a theme object.

css-in-js aphrodite theming react css cssinjs

responsive-styles - Use arrays as values to specify mobile-first responsive styles for CSS-in-JS projects

•    Javascript

---

The main idea of this library is to provide a framework agnostic way to easily enable any property to become responsive. This is 100% inspired by the awesome work done by Brent Jackson on Rebass.

css-in-js glamor aphrodite emotion rebass styled-system