diff --git a/README.md b/README.md
index afc1220d4..b52b693b6 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,9 @@ Allows you to create **React Components** with style definitions with CSS that d
## Usage
**`styled-ppx`** implements a ppx that transforms `[%styled]` extensions points into `[@react.components]` modules with [bs-emotion](https://github.com/ahrefs/bs-emotion) as styles, which does all the CSS-in-JS under the hood thanks to [emotion](https://emotion.sh).
-This is how you write components in ReasonML/OCaml with this ppx:
+This is how you can write components in ReasonML or OCaml with this ppx:
+
+### Standard styled component
```reason
module StyledComponent = [%styled.div {|
display: flex;
@@ -32,7 +34,32 @@ ReactDOMRe.renderToElementWithId(
);
```
-Take a look at all the methods in [here](./docs/apis.md).
+### Dynamic styled component
+```reason
+module Dynamic = [%styled (~content, ~background) => {j|
+ color: $(content);
+ background-color: $(background);
+|j}];
+
+ReactDOMRe.renderToElementWithId(
+
+ {React.string("Hello!")}
+ ,
+ "app"
+);
+```
+
+### Inline css function
+```reason
+ReactDOMRe.renderToElementWithId(
+
+ {React.string("Hello!")}
+ ,
+ "app"
+);
+```
+
+For further detail, take a look in [here](./docs/apis.md).
## Motivation
I love CSS and I'm coming from the JavaScript world: writing React with styled-components mostly. I found it, one of the best combos to write scalable frontend applications and wasn't a reality in ReasonML/OCaml.