React component styling solved


Keywords
react, css, css-in-js, cssinjs, styled-components, glamor, jsxstyle, glamorous
License
MIT
Install
npm install glamorous@1.0.1

Documentation

STATUS: DEPRECATED AND UNMAINTAINED

For details on the unmaintained status (and to help people with an automated migration to emotion), see #419.

glamorous
glamorous πŸ’„ Β 

Maintainable CSS with React

Read the intro blogpost and the v4 announcement blog post

Build Status Code Coverage version downloads MIT License

All Contributors PRs Welcome Chat Code of Conduct

gzip size size module formats: umd, cjs, and es Watch on GitHub Star on GitHub Tweet

Table of Contents

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:

Related projects

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:

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 CodeSandbox and bring it up in the chat

Got 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 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.

glamorous Logo T-Shirt (light) glamorous Logo T-Shirt (dark)

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

⚠️

Wu Haotian

πŸ’» ⚠️

Viktor Ivarsson

πŸ’»

Mitchell Hamilton

πŸ’»

Aaron Jensen

πŸ’»

Colin Howeth

πŸ’» πŸ“–

Royston Shufflebotham

πŸ“–

This project follows the all-contributors specification. Contributions of any kind welcome!

LICENSE

MIT