diff --git a/components/02_ContentShape/_contentShape.styl b/components/02_ContentShape/_contentShape.styl
index 154b504..911c528 100644
--- a/components/02_ContentShape/_contentShape.styl
+++ b/components/02_ContentShape/_contentShape.styl
@@ -3,4 +3,5 @@
 @import 'focalPoint/_focalPoint'
 @import 'shape/_shape'
 @import 'truncation/_truncation'
-@import 'alignment/_alignment'
\ No newline at end of file
+@import 'alignment/_alignment'
+@import 'rotation/_rotation'
\ No newline at end of file
diff --git a/components/02_ContentShape/rotation/_rotation.styl b/components/02_ContentShape/rotation/_rotation.styl
new file mode 100644
index 0000000..52ff697
--- /dev/null
+++ b/components/02_ContentShape/rotation/_rotation.styl
@@ -0,0 +1,19 @@
+RV-Rotation--left()
+    +RV-Block--modifier()
+        transform rotate(-90deg)
+
+RV-Rotation--right()
+    +RV-Block--modifier()
+        transform rotate(90deg)
+
+RV-Rotation--upsideDown()
+    +RV-Block--modifier()
+        transform rotate(180deg)
+
+RV-Rotation()
+    +RV-Block()
+        RV-Rotation--left()
+        RV-Rotation--right()
+        RV-Rotation--upsideDown()
+
+RV-Rotation()
\ No newline at end of file
diff --git a/components/02_ContentShape/rotation/rotation.config.json b/components/02_ContentShape/rotation/rotation.config.json
new file mode 100644
index 0000000..fc086ec
--- /dev/null
+++ b/components/02_ContentShape/rotation/rotation.config.json
@@ -0,0 +1,25 @@
+{
+	"name": "rotation",
+	"title": "Rotation",
+	"variants": [
+		{
+			"name": "Left",
+			"context": {
+				"modifier": "RV-Rotation--left"
+			}
+        },
+        {
+			"name": "Reft",
+			"context": {
+				"modifier": "RV-Rotation--right"
+			}
+        },
+        {
+			"name": "UpsideDown",
+			"context": {
+				"modifier": "RV-Rotation--upsideDown"
+			}
+		}
+		
+	]
+}
\ No newline at end of file
diff --git a/components/02_ContentShape/rotation/rotation.hbs b/components/02_ContentShape/rotation/rotation.hbs
new file mode 100644
index 0000000..2e61da8
--- /dev/null
+++ b/components/02_ContentShape/rotation/rotation.hbs
@@ -0,0 +1,7 @@
+<div class="RV-Rotation {{modifier}} RV-Dummy RV-Dummy--landscape">
+    Im a content text.
+</div>
+
+<div class="RV-Rotation {{modifier}} RV-Dummy RV-Dummy--square">
+    Im a square text.
+</div>
\ No newline at end of file