s-c and glamor examples

Author: codepunkt

README.md

@@ -36,6 +36,7 @@ const moveLeft = format(
   - [Introduction](#introduction)
   - [Examples](#examples)
     - [styled-components](#styled-components)
+    - [glamor](#glamor)
   - [API](#api)
     - [spring(start, target, options)](#springstart-target-options)
     - [format(keyframes, formatter)](#formatkeyframes-formatter)
@@ -46,11 +47,47 @@ Some introductory text
 
 ## Examples
 
-Some example text
+This section lists some examples of popular css-in-js libraries such as `styled-components` and `glamor`. If you have additional examples, feel free to add them!
 
 ### styled-components
 
-styled-components example
+When used with the [styled-components](https://github.com/styled-components/styled-components) `keyframes` helper, generated keyframe animations can be applied to a styled component like this:
+
+```javascript
+import spring, { format } from 'css-spring'
+import styled, { keyframes } from 'styled-components'
+
+const springLeft = format(spring(
+  { left: 50 }, { left: 250 }, { preset: 'gentle' }
+))
+
+const StyledDiv = styled.div`
+  position: absolute;
+  width: 100px;
+  height: 50px;
+  top: 50px;
+  animation: ${keyframes`${springLeft}`} 1s linear infinite;
+`
+```
+
+### glamor
+
+When used with the `keyframes` method of [glamor](https://github.com/threepointone/glamor), no special formatting is needed for pixel values:
+
+```jsx
+import { css } from 'glamor';
+import spring from 'css-spring';
+
+const springLeft = css.keyframes('springLeft', spring(
+  { left: 50 }, { left: 250 }, { preset: 'gentle' }
+));
+
+const MyComponent = () => (
+  <div {...css({ animation: `${springLeft} 1s linear infinite` })}>
+    gentle
+  </div>
+)
+```
 
 ## API
 ### `spring(start, target, options)`