glamorous 💄

Maintainable CSS with React

Read the intro blogpost and the v4 announcement blog post

glamorous.rocks
Documentation
Related projects
Using glamorous with react-sketchapp
Usage with Stylus
Users
Inspiration
Other Solutions
Support
Got Questions?
Swag 👕
Contributors
LICENSE

Documentation

You will find tutorials, examples, API documentation, and more at the glamorous website:

glamorous.rocks

Related projects

jest-glamor-react: Jest utilities for Glamor and React
glamorous-native: React Native component styling solved 💄
glamorous-primitives: style primitive interfaces with glamorous 💄
babel-plugin-glamorous-displayname: Automatically adds a displayName to your glamorous components for a better debugging experience.
styled-system: Design system utilities for styled-components, glamorous, and other css-in-js libraries
glamorous-pseudo: Pseudo component to extend built-in GlamorousComponents
preact-glam: A tiny glamorous version for preact
glamorous-jsxstyle: jsxstyle components generated with glamorous
vscode-glamorous: A vscode extension for glamorous, glamorous-native and glamorous-primitives.
glam-atom: Atom editor extension for glamorous, glamorous-native and glamorous-primitives.
css-in-js: Atom editor extension making it easy to convert normal CSS format to CSS in JS format.
Convert CSS-in-JS: VSCode extension making it easy to convert normal CSS format to CSS in JS format.
glamorous-redocx: style redocx components with glamorous 💄
stylelint-processor-glamorous: Lint glamorous and related css-in-js with stylelint.

Using glamorous with react-sketchapp

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.

Usage with Stylus

You can use glamorous-stylus for styling React components with Stylus. Find detailed documentation here.

Users

Who uses glamorous? See other/USERS.md and add yourself if you use glamorous!

Inspiration

This package was inspired by the work from people's work on the following projects:

Support

If you need help, please fork this CodeSandbox and bring it up in the chat

Got Questions?

Check out the FAQ.

Swag 👕

You can pick up glamorous stickers from unixstickers.com! A portion of all purchases will be donated to Girls Who Code! 🎉

In addition, a community member created this awesome t-shirt, and they're now available on Amazon! For every shirt purchased, GSM Studio will donate $1 to Girls Who Code to support the next generation of programmers. The shirts come in various colors and sizes. In addition you can check out other clever t-shirts by GSM Studio.

Contributors

Thanks goes to these people (emoji key):

_{Kent C. Dodds} 💻 📖 🚇 ⚠️ 👀	_{Ives van Hoorne} 💡	_{Gerardo Nardelli} 📖	_{Chandan Rai} 📖	_{BinHong Lee} 📖	_{Paul Molluzzo} 📖 💡	_{Sriram Thiagarajan} 💻
_{Pavithra Kodmad} 💡	_{Alessandro Arnodo} 💻 📖 ⚠️	_{Jason Miller} 👀	_{Kyle Welch} 👀 💡	_{Javi Velasco} 👀	_{Brandon Dail} 👀	_{Jason Brown} 👀
_jackyho112 💻 ⚠️	_{Kurtis Kemple} 💻 ⚠️ 📖	_{Bernardo Raposo} 📖 💡	_{Ryan Delaney} 💻	_{Anthony Ng} 📖	_{Matthew Crutchfield} 💡	_{Kye Hohenberger} 💻 ⚠️ 📖
_{Bernard Lin} 📖 🔌	_{Miguel Correa} 💻	_{Brian Hough} 💡	_{Erik Cupal} 💻	_{Kok J Sam} 💻	_{Oleg Proskurin} 📖	_{Luke John} 💻
_FredericH 💡	_{Atticus White} 📖 🔌	_marzelin 💻	_iwantmyname 🚇	_{Ethan Godt}	_{Zill Ding} 💻	_{Dan Bradley} 💻
_{Lufty Wiranda} 💻	_{Ansuman Shah} 💻 📖	_{Travis LaDuke} 💡	_{Aydın Çağrı Dumlu} 🐛 💻	_{Maja Wichrowska} 🐛	_{Tom Liu} 📖	_{Siddharth Kshetrapal} ⚠️ 🔧
_WillowHQ 📖	_{Mohammad Rajabifard} 🐛 📖	_{Omar Albacha} 💻 📖	_tdeschryver 💻 ⚠️	_{Dylan Mozlowski} 💻	_{andretshurotshka} 💻 ⚠️	_Danila ⚠️
_{Junyoung Clare Jang} 💻 ⚠️	_{Björn Ricks} 🐛 💻 📖 ⚠️	_{Tyler Deitz} 💻	_{Shovan Chatterjee} 📖	_{johnjessewood} 💻	_Daniel 💻 ⚠️	_{Ken Powers} 🤔
_{John Grishin} 🐛 💻 ⚠️	_{Mordy Tikotzky} 🐛 💻	_{Alasdair McLeay} 💡	_{Ardamis Yeshak} 🔧	_{Matthew Armstrong} ⚠️