website/docs/11.7.0/api/fela/createRenderer.mdx
# createRenderer
Creates a Fela renderer which renders your selectors, keyframes, fonts and static styles.<br />
It caches all rendered styles to be able to reuse them on future rendering cycles.<br />
## Arguments
| Argument | Type | Description |
| -------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| config | _Object?_ | Optional renderer configuration. The most common use case is adding [plugins](advanced/plugins) to process styles before they get cached.<br />_See [Advanced - Renderer Configuration](advanced/renderer-configuration) for further information_ |
## Returns
([Renderer](api/fela/renderer)): A Renderer instance.
## Example
```javascript
import { createRenderer } from 'fela'
const rule = (props) => ({
backgroundColor: 'red',
fontSize: props.size,
color: 'blue',
})
const renderer = createRenderer()
renderer.renderRule(rule, { size: '12px' }) // => a b c
```