Integrations

Here is an example of using glamorous with create-react-app.

Here's a deployed example of using glamorous with Next.js. See the code here.

Here is an example of using glamorous with jest.

glamorous works with ✨ polished mixins, helpers, and shorthands:

You can also use object spread properties to apply more complex ✨ polished mixins directly onto glamorous components:

glamorous works with styled-system helper functions.

With the built-in components, if you want to use pseudo-states, you have to use the css prop. If you'd rather not do that, then you can use glamorous-pseudo.

You can use glamor to define CSS and use the className to apply styles to a glamorous component. This is pretty handy for creating reusable style objects, or doing fun things like keyframe animations.

glamorous creates simple components, if you'd like to enhance these components further, you can do so easily by wrapping them in a component yourself:

If that's a bit too much of a song and dance for you, then you might consider using recompose.

This library supports preact out of the box. Just change module name from glamorous to glamorous/preact and you're all set.

If you don't want to type glamorous/preact every time, you can use webpack's resolve.alias or babel's resolver plugin to shorten the module name to your liking.