diff --git a/docs/public/content/examples.md b/docs/public/content/examples.md
index bd3a63a..2c96ead 100644
--- a/docs/public/content/examples.md
+++ b/docs/public/content/examples.md
@@ -28,8 +28,18 @@ Explore the elm-spa's user authentication API.
 
 ## Real world examples
 
+### elm-css patterns
+
+_Author_: [@bigardone](https://github.com/bigardone)
+
+[![elm-css patterns screenshot](/content/images/community/01-elmcss-patterns.png)](https://elmcsspatterns.io/)
+
+Source code: [GitHub](https://github.com/bigardone/elm-css-patterns)
+
 ### RealWorld Conduit App
 
+_Author_: [@ryannhg](https://github.com/ryannhg)
+
 Implements the [RealWorld app](https://github.com/gothinkster/realworld), inspired by Richard Feldman's "elm-spa-example" project. 
 
 [![Realworld app screenshot](/content/images/realworld.png)](https://realworld.elm-spa.dev)
@@ -38,6 +48,8 @@ Source code: [GitHub](https://github.com/ryannhg/elm-spa-realworld)
 
 ### This website
 
+_Author_: [@ryannhg](https://github.com/ryannhg)
+
 The website you are looking at _right now_ was built with __elm-spa__. Mindbending, right?
 
 [![Realworld app screenshot](/content/images/this-site.png)](https://elm-spa.dev)
diff --git a/docs/public/content/images/community/01-elmcss-patterns.png b/docs/public/content/images/community/01-elmcss-patterns.png
new file mode 100644
index 0000000..f9cf96b
Binary files /dev/null and b/docs/public/content/images/community/01-elmcss-patterns.png differ