diff --git a/framework/core/js/bower.json b/framework/core/js/bower.json
index 2f18ebadf..f80cf6d8e 100644
--- a/framework/core/js/bower.json
+++ b/framework/core/js/bower.json
@@ -9,6 +9,7 @@
     "color-thief": "v2.0",
     "mithril": "lhorie/mithril.js#next",
     "es6-micro-loader": "caridy/es6-micro-loader#v0.2.1",
-    "fastclick": "~1.0.6"
+    "fastclick": "~1.0.6",
+    "autolink": "*"
   }
 }
diff --git a/framework/core/js/forum/Gulpfile.js b/framework/core/js/forum/Gulpfile.js
index c2ba146b1..eeb37cd96 100644
--- a/framework/core/js/forum/Gulpfile.js
+++ b/framework/core/js/forum/Gulpfile.js
@@ -14,6 +14,7 @@ gulp({
     bowerDir + '/jquery.hotkeys/jquery.hotkeys.js',
     bowerDir + '/color-thief/js/color-thief.js',
     bowerDir + '/moment/moment.js',
+    bowerDir + '/autolink/autolink.js',
 
     bowerDir + '/bootstrap/js/affix.js',
     bowerDir + '/bootstrap/js/dropdown.js',
diff --git a/framework/core/js/lib/models/User.js b/framework/core/js/lib/models/User.js
index 5f3361316..0897f9d59 100644
--- a/framework/core/js/lib/models/User.js
+++ b/framework/core/js/lib/models/User.js
@@ -15,7 +15,7 @@ export default class User extends mixin(Model, {
 
   avatarUrl: Model.attribute('avatarUrl'),
   bio: Model.attribute('bio'),
-  bioHtml: computed('bio', bio => bio ? '<p>' + $('<div/>').text(bio).html() + '</p>' : ''),
+  bioHtml: computed('bio', bio => bio ? '<p>' + $('<div/>').text(bio).html().replace(/\n/g, '<br>').autoLink() + '</p>' : ''),
   preferences: Model.attribute('preferences'),
   groups: Model.hasMany('groups'),