diff --git a/frontend/CHANGELOG.md b/frontend/CHANGELOG.md
index b5550d213a..9d8c05979f 100644
--- a/frontend/CHANGELOG.md
+++ b/frontend/CHANGELOG.md
@@ -7,8 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 The latest version of this document is always available in
 [releases][releases-url].
 
-## [next]
+## [3.2.1]
 - fix: Fixed bug in history view preventing toggle-view.
+- feat: Add all official client SDKs to footer
 
 ## [3.2.0]
 - feat: Initial beta support for variants
diff --git a/frontend/src/component/menu/drawer.jsx b/frontend/src/component/menu/drawer.jsx
index ac30a33a49..5bfdceaaa7 100644
--- a/frontend/src/component/menu/drawer.jsx
+++ b/frontend/src/component/menu/drawer.jsx
@@ -18,7 +18,9 @@ export const DrawerMenu = () => (
                     key={item.path}
                     to={item.path}
                     className={[styles.navigationLink, 'mdl-color-text--grey-600'].join(' ')}
-                    activeClassName={[styles.navigationLink, 'mdl-color-text--black'].join(' ')}
+                    activeClassName={[styles.navigationLink, 'mdl-color-text--black', 'mdl-color--light-blue-50'].join(
+                        ' '
+                    )}
                 >
                     <Icon name={item.icon} className={styles.navigationIcon} /> {item.title}
                 </NavLink>
@@ -26,10 +28,17 @@ export const DrawerMenu = () => (
         </Navigation>
         <hr />
         <Navigation className={styles.navigation}>
+            <a
+                href="https://unleash.github.io"
+                target="_blank"
+                className={[styles.navigationLink, 'mdl-color-text--grey-600'].join(' ')}
+            >
+                <Icon name="library_books" className={styles.navigationIcon} /> User documentation
+            </a>
             <a
                 href="https://github.com/Unleash"
                 target="_blank"
-                className={[styles.navigationLink, 'mdl-color-text--grey-900'].join(' ')}
+                className={[styles.navigationLink, 'mdl-color-text--grey-600'].join(' ')}
             >
                 <i className={['material-icons', styles.navigationIcon, styles.iconGitHub].join(' ')} />GitHub
             </a>
diff --git a/frontend/src/component/menu/footer.jsx b/frontend/src/component/menu/footer.jsx
index 1f8713745a..a263c2bf4a 100644
--- a/frontend/src/component/menu/footer.jsx
+++ b/frontend/src/component/menu/footer.jsx
@@ -20,6 +20,8 @@ export const FooterMenu = () => (
                 <a href="https://github.com/Unleash/unleash-client-node/">Node.js</a>
                 <a href="https://github.com/Unleash/unleash-client-java/">Java</a>
                 <a href="https://github.com/Unleash/unleash-client-go/">Go</a>
+                <a href="https://github.com/unleash/unleash-client-ruby">Ruby</a>
+                <a href="https://github.com/Unleash/unleash-client-python">Python</a>
             </FooterLinkList>
         </FooterDropDownSection>
     </FooterSection>