glamorous - 💄 Maintainable CSS with React

•    Javascript

---

With the release of glamorous-primitives, now you can use glamorous with react-sketchapp to manage design systems and use React components for designs.You can find documentation and related examples here.

css-in-js glamor react styled-components glamorous css cssinjs jsxstyle

styled-system - Design system utilities for styled-components and other css-in-js libraries

•    Javascript

---

Design system utilities for styled-components, glamorous, and other css-in-js libraries

react css-in-js design-systems styled-components glamorous glamor typography layout emotion fela cxs responsive

polished - A lightweight toolset for writing styles in JavaScript ✨

•    Javascript

---

When ✨ polished modules are imported properly, tree shaking in webpack and Rollup can be leveraged to reduce your bundle size. ✨ polished has first-class Flow support with zero configuration to assist you in finding type errors while using our modules.

css-in-js styled-components styling inline-styles polished emotion glamor react typescript

preact-glam - A tiny glamorous version for preact

•    Javascript

---

IMPORTANT NOTE ABOUT SIZE: Because preact-glam depends on glamor, you should consider the full size you'll be adding to your application if you don't already have glamor.This project uses node and npm. Go check them out if you don't have them locally installed.

preact react glamor glamorous glam css style

jest-glamor-react - Jest utilities for Glamor and React

•    Javascript

---

And that's not super helpful from a styling perspective. Especially when there are changes to the class, you can see that it changed, but you have to look through the code to know what caused the class name to change.This is much more helpful because now you can see the CSS applied and over time it becomes even more helpful to see how that changes over time.

jest testing glamor css-in-js snapshots react

bs-glamor - BuckleScript bindings for glamor

•    OCaml

---

The API is still experimental. Only the css function from glamor is exposed (with its result slightly incorrectly typed as a string); no other functions such as renderStatic are supported yet. In your bsconfig.json, include "bs-glamor" in the bs-dependencies.

bucklescript-bindings glamor reasonml bucklescript reason css

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

restyles - 👩‍🚀 declarative glamor for react and preact

•    Javascript

---

Write styles scoped to your component and use standard css selectors to target children. Due to its tiny size, restyles makes the perfect companion for glamorous. Function to render your children. Its only argument is a class name that you can apply to an element of your choice. Usually this is the outermost element(s) of your children.

css react preact css-in-js glamor styles restyles

Blazorous - Maintainable CSS with Blazor

•    CSharp

---

View the detailed docs at https://chanan.github.io/Blazorous/.

blazor css glamor glamorous

diet-cola - A lightweight styled-components clone for creating React UI component primitives.

•    Javascript

---

A lightweight styled-components clone for creating React UI component primitives. Built with stylis and glamor. Styled Components is an excellent API for creating UI component primitives in React, but in its current state, it has several features that might not be needed for most use cases. This library is also meant as a proof of concept of using existing libraries to create a small, custom css-in-js solution.

react react-component css-in-js ui stylis glamor

bs-glamor - BuckleScript bindings for glamor

•    OCaml

---

The API is still experimental. Only a few functions from glamor such as css and global are exposed; other functions such as renderStatic are not supported yet. In your bsconfig.json, include "bs-glamor" in the bs-dependencies.

bucklescript-bindings glamor reasonml bucklescript reason css

glamorous-jsxstyle - jsxstyle components generated with glamorous

•    Javascript

---

This package exports the components from jsxstyle using glamorous. jsxstyle includes components corresponding to every potential value of the CSS display property.

react glamor glamorous jsx-style css css-in-js styled-components jsxstyle

babel-plugin-tailwind - Transform TailwindCSS classes to CSS-in-JS at build time

•    Javascript

---

Transforms TailwindCSS classes to CSS-in-JS at build time. Note - Works with CSS-in-JS libraries that accept a style object such as Glamor, Glamorous, Emotion, CXS, etc...

react css css-in-js cssinjs styled-components glamor jsxstyle utility atomic tailwind tailwindcss

boilerplate.react.spa.full-server - A boilerplate for creating a SPA in React, with a full server.

•    Javascript

---

A boilerplate for creating a SPA in React, with a full server. When the server starts in dev mode you can debug server code by visiting chrome://inspect (if you're using Chrome as your browser). Then go to the Sources tab and find the file you want to debug.

webpack boilerplate react spa express jest babel server-side-rendering glamor react-components

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