STATUS: DEPRECATED AND UNMAINTAINED
For details on the unmaintained status (and to help people with an automated migration to emotion), see #419.
glamorous π Β
Maintainable CSS with React
Read the intro blogpostintro-blogpost and the v4 announcement blog postv4-announcement-blogpost
!Build Statusbuild-badgebuild !Code Coveragecoverage-badgecoverage !versionversion-badgepackage !downloadsdownloads-badgenpmcharts !MIT Licenselicense-badgelicense
!gzip sizegzip-badgeunpkg-dist !sizesize-badgeunpkg-dist !module formats: umd, cjs, and esmodule-formats-badgeunpkg-dist !Watch on GitHubgithub-watch-badgegithub-watch !Star on GitHubgithub-star-badgegithub-star !Tweettwitter-badgetwitter
Table of Contents
glamorous.rocks
- Installation
- Usage
- Documentation
- Related projects
- Using glamorous with react-sketchapp
- Usage with Stylus
- Users
- Inspiration
- Other Solutions
- Support
- Got Questions?
- Swag π
- Contributors
- LICENSE
Installation
You will find instructions to install glamorous here.Usage
You will find a getting started guide here.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 Reactglamorous-native
: React Native component styling solved πglamorous-primitives
: style primitive interfaces with glamorous πbabel-plugin-glamorous-displayname
: Automatically adds adisplayName
to your glamorous components for a better debugging experience.styled-system
: Design system utilities for styled-components, glamorous, and other css-in-js librariesglamorous-pseudo
: Pseudo component to extend built-in GlamorousComponentspreact-glam
: A tiny glamorous version for preactglamorous-jsxstyle
: jsxstyle components generated with glamorousvscode-glamorous
: A vscode extension forglamorous
,glamorous-native
andglamorous-primitives
.glam-atom
: Atom editor extension forglamorous
,glamorous-native
andglamorous-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 usesglamorous
? 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:Other Solutions
There are actually quite a few solutions to the general problem of styling in React. This isn't the place for a full-on comparison of features, but I'm unaware of any which supports all of the features which this library supports.Support
If you need help, please fork this CodeSandboxhelp-sandbox and bring it up in the chatchatGot Questions?
Check out the FAQ.Swag π
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 Codegwc 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 keyemojis):|
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
β οΈ |
Wu Haotian
π» β οΈ |
Viktor Ivarsson
π» | |
Mitchell Hamilton
π» |
Aaron Jensen
π» |
Colin Howeth
π» π |
Royston Shufflebotham
π |
This project follows the all-contributorsall-contributors specification. Contributions of any kind welcome!