diff --git a/application_ui/elements/avatars/avatar_group_stacked_botton_to_top.html b/application_ui/elements/avatars/avatar_group_stacked_botton_to_top.html
new file mode 100644
index 0000000..f90f2b8
--- /dev/null
+++ b/application_ui/elements/avatars/avatar_group_stacked_botton_to_top.html
@@ -0,0 +1,68 @@
+
+
+
+
+
diff --git a/application_ui/elements/avatars/avatar_group_stacked_top_to_bottom.html b/application_ui/elements/avatars/avatar_group_stacked_top_to_bottom.html
new file mode 100644
index 0000000..086dfcf
--- /dev/null
+++ b/application_ui/elements/avatars/avatar_group_stacked_top_to_bottom.html
@@ -0,0 +1,68 @@
+
+
+
+
+
diff --git a/application_ui/elements/avatars/circular_avatars.html b/application_ui/elements/avatars/circular_avatars.html
new file mode 100644
index 0000000..3990722
--- /dev/null
+++ b/application_ui/elements/avatars/circular_avatars.html
@@ -0,0 +1,25 @@
+
+
+
+
+
diff --git a/application_ui/elements/avatars/circular_avatars_with_bottom_notification.html b/application_ui/elements/avatars/circular_avatars_with_bottom_notification.html
new file mode 100644
index 0000000..68ab012
--- /dev/null
+++ b/application_ui/elements/avatars/circular_avatars_with_bottom_notification.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/avatars/circular_avatars_with_placeholder_icon.html b/application_ui/elements/avatars/circular_avatars_with_placeholder_icon.html
new file mode 100644
index 0000000..bde33ec
--- /dev/null
+++ b/application_ui/elements/avatars/circular_avatars_with_placeholder_icon.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/avatars/circular_avatars_with_placeholder_initials.html b/application_ui/elements/avatars/circular_avatars_with_placeholder_initials.html
new file mode 100644
index 0000000..4c849d0
--- /dev/null
+++ b/application_ui/elements/avatars/circular_avatars_with_placeholder_initials.html
@@ -0,0 +1,29 @@
+
+ TW
+
+
+
+ TW
+
+
+
+ TW
+
+
+
+ TW
+
+
+
+ TW
+
diff --git a/application_ui/elements/avatars/circular_avatars_with_top_notification.html b/application_ui/elements/avatars/circular_avatars_with_top_notification.html
new file mode 100644
index 0000000..aa929f4
--- /dev/null
+++ b/application_ui/elements/avatars/circular_avatars_with_top_notification.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/avatars/rounded_avatars.html b/application_ui/elements/avatars/rounded_avatars.html
new file mode 100644
index 0000000..833256d
--- /dev/null
+++ b/application_ui/elements/avatars/rounded_avatars.html
@@ -0,0 +1,25 @@
+
+
+
+
+
diff --git a/application_ui/elements/avatars/rounded_avatars_with_bottom_notification.html b/application_ui/elements/avatars/rounded_avatars_with_bottom_notification.html
new file mode 100644
index 0000000..c61ce8e
--- /dev/null
+++ b/application_ui/elements/avatars/rounded_avatars_with_bottom_notification.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/avatars/rounded_avatars_with_top_notification.html b/application_ui/elements/avatars/rounded_avatars_with_top_notification.html
new file mode 100644
index 0000000..5b0a317
--- /dev/null
+++ b/application_ui/elements/avatars/rounded_avatars_with_top_notification.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/avatars/with_text.html b/application_ui/elements/avatars/with_text.html
new file mode 100644
index 0000000..056d6ee
--- /dev/null
+++ b/application_ui/elements/avatars/with_text.html
@@ -0,0 +1,23 @@
+
+
+
+

+
+
+
+ Tom Cook
+
+
+ View profile
+
+
+
+
diff --git a/application_ui/elements/badges/flat.html b/application_ui/elements/badges/flat.html
new file mode 100644
index 0000000..7e8dee7
--- /dev/null
+++ b/application_ui/elements/badges/flat.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/flat_pill.html b/application_ui/elements/badges/flat_pill.html
new file mode 100644
index 0000000..48158c0
--- /dev/null
+++ b/application_ui/elements/badges/flat_pill.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/flat_pill_with_dot.html b/application_ui/elements/badges/flat_pill_with_dot.html
new file mode 100644
index 0000000..275ad44
--- /dev/null
+++ b/application_ui/elements/badges/flat_pill_with_dot.html
@@ -0,0 +1,64 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/flat_with_dot.html b/application_ui/elements/badges/flat_with_dot.html
new file mode 100644
index 0000000..d51c3ee
--- /dev/null
+++ b/application_ui/elements/badges/flat_with_dot.html
@@ -0,0 +1,64 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/flat_with_remove_button.html b/application_ui/elements/badges/flat_with_remove_button.html
new file mode 100644
index 0000000..1c1c997
--- /dev/null
+++ b/application_ui/elements/badges/flat_with_remove_button.html
@@ -0,0 +1,144 @@
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
diff --git a/application_ui/elements/badges/pill_with_border.html b/application_ui/elements/badges/pill_with_border.html
new file mode 100644
index 0000000..bc258e4
--- /dev/null
+++ b/application_ui/elements/badges/pill_with_border.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/pill_with_border_and_dot.html b/application_ui/elements/badges/pill_with_border_and_dot.html
new file mode 100644
index 0000000..05e906d
--- /dev/null
+++ b/application_ui/elements/badges/pill_with_border_and_dot.html
@@ -0,0 +1,56 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/small_flat.html b/application_ui/elements/badges/small_flat.html
new file mode 100644
index 0000000..e8ff6ed
--- /dev/null
+++ b/application_ui/elements/badges/small_flat.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/small_flat_pill.html b/application_ui/elements/badges/small_flat_pill.html
new file mode 100644
index 0000000..ff3252a
--- /dev/null
+++ b/application_ui/elements/badges/small_flat_pill.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/small_flat_pill_with_dot.htmml b/application_ui/elements/badges/small_flat_pill_with_dot.htmml
new file mode 100644
index 0000000..98bd547
--- /dev/null
+++ b/application_ui/elements/badges/small_flat_pill_with_dot.htmml
@@ -0,0 +1,48 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/small_flat_with_dot.html b/application_ui/elements/badges/small_flat_with_dot.html
new file mode 100644
index 0000000..f8944c5
--- /dev/null
+++ b/application_ui/elements/badges/small_flat_with_dot.html
@@ -0,0 +1,64 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/small_pill_with_border.html b/application_ui/elements/badges/small_pill_with_border.html
new file mode 100644
index 0000000..d605392
--- /dev/null
+++ b/application_ui/elements/badges/small_pill_with_border.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/small_with_border.html b/application_ui/elements/badges/small_with_border.html
new file mode 100644
index 0000000..6ed49f5
--- /dev/null
+++ b/application_ui/elements/badges/small_with_border.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/with_border.html b/application_ui/elements/badges/with_border.html
new file mode 100644
index 0000000..4993c5c
--- /dev/null
+++ b/application_ui/elements/badges/with_border.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/badges/with_border_and_dot.html b/application_ui/elements/badges/with_border_and_dot.html
new file mode 100644
index 0000000..070f59d
--- /dev/null
+++ b/application_ui/elements/badges/with_border_and_dot.html
@@ -0,0 +1,56 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/with_border_and_dot_on_dark.html b/application_ui/elements/badges/with_border_and_dot_on_dark.html
new file mode 100644
index 0000000..d6a5992
--- /dev/null
+++ b/application_ui/elements/badges/with_border_and_dot_on_dark.html
@@ -0,0 +1,56 @@
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
diff --git a/application_ui/elements/badges/with_border_and_remove_button.html b/application_ui/elements/badges/with_border_and_remove_button.html
new file mode 100644
index 0000000..0e96180
--- /dev/null
+++ b/application_ui/elements/badges/with_border_and_remove_button.html
@@ -0,0 +1,144 @@
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
+
+ Badge
+
+
diff --git a/application_ui/elements/badges/with_border_on_dark.html b/application_ui/elements/badges/with_border_on_dark.html
new file mode 100644
index 0000000..79c19c4
--- /dev/null
+++ b/application_ui/elements/badges/with_border_on_dark.html
@@ -0,0 +1,32 @@
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
+Badge
diff --git a/application_ui/elements/button_groups/basic.html b/application_ui/elements/button_groups/basic.html
new file mode 100644
index 0000000..8ab0970
--- /dev/null
+++ b/application_ui/elements/button_groups/basic.html
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/application_ui/elements/button_groups/icon_only.html b/application_ui/elements/button_groups/icon_only.html
new file mode 100644
index 0000000..758072a
--- /dev/null
+++ b/application_ui/elements/button_groups/icon_only.html
@@ -0,0 +1,40 @@
+
+
+
+
diff --git a/application_ui/elements/button_groups/with_checkbox_and_dropdown.html b/application_ui/elements/button_groups/with_checkbox_and_dropdown.html
new file mode 100644
index 0000000..81e2e6c
--- /dev/null
+++ b/application_ui/elements/button_groups/with_checkbox_and_dropdown.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/button_groups/with_dropdown.html b/application_ui/elements/button_groups/with_dropdown.html
new file mode 100644
index 0000000..d0c83b2
--- /dev/null
+++ b/application_ui/elements/button_groups/with_dropdown.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/button_groups/with_stat.html b/application_ui/elements/button_groups/with_stat.html
new file mode 100644
index 0000000..865c1bf
--- /dev/null
+++ b/application_ui/elements/button_groups/with_stat.html
@@ -0,0 +1,27 @@
+
+
+
+
diff --git a/application_ui/elements/buttons/buttons_with_leading_icon.html b/application_ui/elements/buttons/buttons_with_leading_icon.html
new file mode 100644
index 0000000..fe4b060
--- /dev/null
+++ b/application_ui/elements/buttons/buttons_with_leading_icon.html
@@ -0,0 +1,57 @@
+
+
+
diff --git a/application_ui/elements/buttons/buttons_with_trailing_icon.html b/application_ui/elements/buttons/buttons_with_trailing_icon.html
new file mode 100644
index 0000000..625219e
--- /dev/null
+++ b/application_ui/elements/buttons/buttons_with_trailing_icon.html
@@ -0,0 +1,57 @@
+
+
+
diff --git a/application_ui/elements/buttons/circular_buttons.html b/application_ui/elements/buttons/circular_buttons.html
new file mode 100644
index 0000000..dbb17d4
--- /dev/null
+++ b/application_ui/elements/buttons/circular_buttons.html
@@ -0,0 +1,48 @@
+
+
+
diff --git a/application_ui/elements/buttons/primary_buttons.html b/application_ui/elements/buttons/primary_buttons.html
new file mode 100644
index 0000000..f3db05f
--- /dev/null
+++ b/application_ui/elements/buttons/primary_buttons.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/primary_buttons_on_dark.html b/application_ui/elements/buttons/primary_buttons_on_dark.html
new file mode 100644
index 0000000..c72a2a7
--- /dev/null
+++ b/application_ui/elements/buttons/primary_buttons_on_dark.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/rounded_primary_buttons.html b/application_ui/elements/buttons/rounded_primary_buttons.html
new file mode 100644
index 0000000..b0b1d4e
--- /dev/null
+++ b/application_ui/elements/buttons/rounded_primary_buttons.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/rounded_secondary_buttons.html b/application_ui/elements/buttons/rounded_secondary_buttons.html
new file mode 100644
index 0000000..df90cb2
--- /dev/null
+++ b/application_ui/elements/buttons/rounded_secondary_buttons.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/secondary_buttons.html b/application_ui/elements/buttons/secondary_buttons.html
new file mode 100644
index 0000000..696c93a
--- /dev/null
+++ b/application_ui/elements/buttons/secondary_buttons.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/secondary_buttons_on_dark.html b/application_ui/elements/buttons/secondary_buttons_on_dark.html
new file mode 100644
index 0000000..93aea10
--- /dev/null
+++ b/application_ui/elements/buttons/secondary_buttons_on_dark.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/buttons/soft_buttons.html b/application_ui/elements/buttons/soft_buttons.html
new file mode 100644
index 0000000..deab9ed
--- /dev/null
+++ b/application_ui/elements/buttons/soft_buttons.html
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/application_ui/elements/dropdowns/simple.html b/application_ui/elements/dropdowns/simple.html
new file mode 100644
index 0000000..b84c69e
--- /dev/null
+++ b/application_ui/elements/dropdowns/simple.html
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/dropdowns/with_dividers.html b/application_ui/elements/dropdowns/with_dividers.html
new file mode 100644
index 0000000..b3c387f
--- /dev/null
+++ b/application_ui/elements/dropdowns/with_dividers.html
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/dropdowns/with_icons.html b/application_ui/elements/dropdowns/with_icons.html
new file mode 100644
index 0000000..11ff02b
--- /dev/null
+++ b/application_ui/elements/dropdowns/with_icons.html
@@ -0,0 +1,171 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/dropdowns/with_minimal_menu_icon.html b/application_ui/elements/dropdowns/with_minimal_menu_icon.html
new file mode 100644
index 0000000..c9e4622
--- /dev/null
+++ b/application_ui/elements/dropdowns/with_minimal_menu_icon.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
diff --git a/application_ui/elements/dropdowns/with_simple_header.html b/application_ui/elements/dropdowns/with_simple_header.html
new file mode 100644
index 0000000..d309e66
--- /dev/null
+++ b/application_ui/elements/dropdowns/with_simple_header.html
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
Signed in as
+
+ tom@example.com
+
+
+
+
+
+
+
+