diff --git a/source/_patterns/04-components/twitter/_twitter.scss b/source/_patterns/04-components/twitter/_twitter.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ecb165a3f6c067d687662e3d74a580d18e376d9f
--- /dev/null
+++ b/source/_patterns/04-components/twitter/_twitter.scss
@@ -0,0 +1,7 @@
+.uw-twitter {
+  &__wrapper {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+  }
+}
diff --git a/source/_patterns/04-components/twitter/twitter.twig b/source/_patterns/04-components/twitter/twitter.twig
new file mode 100644
index 0000000000000000000000000000000000000000..b4e78b9344433cebba7c66a61bb63378fbe59311
--- /dev/null
+++ b/source/_patterns/04-components/twitter/twitter.twig
@@ -0,0 +1,33 @@
+{% if feed_type == 'faves' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username ~ '/favorites' %}
+  {% set twitter_link = 'Favourite tweets by @' ~ username %}
+{% elseif feed_type == 'profile' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username %}
+  {% set twitter_link = 'Tweets by @' ~ username %}
+{% elseif feed_type == 'list' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username ~ '/lists/' ~ list_name %}
+  {% set twitter_link = 'Tweets by @' ~ username ~ '/' ~ list_name %}
+{% endif %}
+
+<div class="uw-twitter">
+  <div class="uw-twitter__wrapper">
+
+    {% if feed_type == 'embed-tweet' %}
+      <blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ tweet_code }}">Read individual Tweet on Twitter</a></blockquote>
+    {% else %}
+      <div
+        class="twitter"
+        data-listname="{{ list_name }}"
+        data-timeline=""
+        data-tweet=""
+        data-type="{{ feed_type }}"
+        data-url=""
+        data-username="{{ username }}">
+          <a class="twitter-timeline" href="{{ twitter_href }}" data-theme="light" data-link-color="#light" data-height="650" data-dnt="true">{{ twitter_link }}</a>
+      </div>
+    {% endif %}
+
+    <script src="https://platform.twitter.com/widgets.js"></script>
+
+  </div>
+</div>
diff --git a/source/_patterns/04-components/twitter/twitter.yml b/source/_patterns/04-components/twitter/twitter.yml
new file mode 100644
index 0000000000000000000000000000000000000000..67c39ee961256d54c38bb13d72b29c650c128941
--- /dev/null
+++ b/source/_patterns/04-components/twitter/twitter.yml
@@ -0,0 +1,3 @@
+feed_type: profile
+username: UWaterloo
+list_name: test