diff --git a/js/page/claim_code.js b/js/page/claim_code.js
index d904703a9..1655d37da 100644
--- a/js/page/claim_code.js
+++ b/js/page/claim_code.js
@@ -14,6 +14,10 @@ var ClaimCodePage = React.createClass({
   getInitialState: function() {
     return {
       submitting: false,
+      modal: null,
+      referralCredits: null,
+      activationCredits: null,
+      failureReason: null,
     }
   },
   handleSubmit: function(event) {
@@ -22,15 +26,19 @@ var ClaimCodePage = React.createClass({
     }
 
     if (!this.refs.code.value) {
-      alert('Please enter an invitation code or choose "Skip."');
+      this.setState({
+        modal: 'missingCode',
+      });
       return;
     } else if (!this.refs.email.value) {
-      alert('Please enter an email address or choose "Skip."');
+      this.setState({
+        modal: 'missingEmail',
+      });
       return;
     }
 
     this.setState({
-      submitting: true
+      submitting: true,
     });
 
     lbry.getNewAddress((address) => {
@@ -42,33 +50,25 @@ var ClaimCodePage = React.createClass({
         var response = JSON.parse(xhr.responseText);
 
         if (response.success) {
-          var redeemMessage = 'Your invite code has been redeemed. ';
-          if (response.referralCredits > 0) {
-            redeemMessage += 'You have also earned ' + response.referralCredits + ' credits from referrals. A total of ' +
-              (response.activationCredits + response.referralCredits) + ' will be added to your balance shortly.';
-          } else if(response.activationCredits > 0) {
-            redeemMessage += response.activationCredits + ' credits will be added to your balance shortly.';
-          } else {
-            redeemMessage += 'The credits will be added to your balance shortly.';
-          }
-          alert(redeemMessage);
-          localStorage.setItem('claimCodeDone', true);
-          window.location = '?home';
-        } else {
-          alert(response.reason);
           this.setState({
-            submitting: false
+            modal: 'codeRedeemed',
+            referralCredits: response.referralCredits,
+            activationCredits: response.activationCredits,
+          });
+        } else {
+          this.setState({
+            submitting: false,
+            modal: 'codeRedeemFailed',
+            failureReason: response.reason,
           });
         }
       });
 
       xhr.addEventListener('error', () => {
         this.setState({
-          submitting: false
+          submitting: false,
+          modal: 'couldNotConnect',
         });
-        alert('LBRY couldn\'t connect to our servers to confirm your invitation code. Please check your ' +
-              'internet connection. If you continue to have problems, you can still browse LBRY and ' +
-              'visit the Settings page to redeem your code later.');
       });
 
       xhr.open('POST', 'https://invites.lbry.io', true);
@@ -78,10 +78,19 @@ var ClaimCodePage = React.createClass({
     });
   },
   handleSkip: function() {
-    alert('Welcome to LBRY! You can visit the Wallet page to redeem an invite code at any time.');
+    this.setState({
+      modal: 'skipped',
+    });
+  },
+  handleFinished: function() {
     localStorage.setItem('claimCodeDone', true);
     window.location = '?home';
   },
+  closeModal: function() {
+    this.setState({
+      modal: null,
+    });
+  },
   render: function() {
     return (
       <main>
@@ -105,6 +114,31 @@ var ClaimCodePage = React.createClass({
             </section>
           </div>
         </form>
+        <Modal isOpen={this.state.modal == 'missingCode'} onConfirmed={this.closeModal}>
+          Please enter an invitation code or choose "Skip."
+        </Modal>
+        <Modal isOpen={this.state.modal == 'missingEmail'} onConfirmed={this.closeModal}>
+          Please enter an email address or choose "Skip."
+        </Modal>
+        <Modal isOpen={this.state.modal == 'codeRedeemFailed'} onConfirmed={this.closeModal}>
+          {this.state.failureReason}
+        </Modal>
+        <Modal isOpen={this.state.modal == 'codeRedeemed'} onConfirmed={this.handleFinished}>
+          Your invite code has been redeemed.
+          {this.state.referralCredits > 0
+            ? `You have also earned {referralCredits} credits from referrals. A total of {activationCredits + referralCredits}
+                    will be added to your balance shortly.`
+            : (this.state.activationCredits > 0
+                ? `{this.state.activationCredits} credits will be added to your balance shortly.`
+                : 'The credits will be added to your balance shortly.')}
+        </Modal>
+        <Modal isOpen={this.state.modal == 'skipped'} onConfirmed={this.handleFinished}>
+          Welcome to LBRY! You can visit the Wallet page to redeem an invite code at any time.
+        </Modal>
+        <Modal isOpen={this.state.modal == 'couldNotConnect'} onConfirmed={this.closeModal}>
+          <p>LBRY couldn't connect to our servers to confirm your invitation code. Please check your internet connection.</p>
+          If you continue to have problems, you can still browse LBRY and visit the Settings page to redeem your code later.
+        </Modal>
       </main>
     );
   }
diff --git a/js/page/referral.js b/js/page/referral.js
index 0c7337d1d..4cbcf930d 100644
--- a/js/page/referral.js
+++ b/js/page/referral.js
@@ -14,6 +14,9 @@ var ReferralPage = React.createClass({
   getInitialState: function() {
     return {
       submitting: false,
+      modal: null,
+      referralCredits: null,
+      failureReason: null,
     }
   },
   handleSubmit: function(event) {
@@ -22,15 +25,17 @@ var ReferralPage = React.createClass({
     }
 
     if (!this.refs.code.value) {
-      alert('Please enter a referral code.');
-      return;
+      this.setState({
+        modal: 'missingCode',
+      });
     } else if (!this.refs.email.value) {
-      alert('Please enter an email address.');
-      return;
+      this.setState({
+        modal: 'missingEmail',
+      });
     }
 
     this.setState({
-      submitting: true
+      submitting: true,
     });
 
     lbry.getNewAddress((address) => {
@@ -42,29 +47,24 @@ var ReferralPage = React.createClass({
         var response = JSON.parse(xhr.responseText);
 
         if (response.success) {
-          if (response.referralCredits > 0) {
-            alert('You have earned ' + response.referralCredits + ' credits from referrals. ' +
-              'We will credit your account shortly. Thanks!');
-          } else {
-            alert('You have not earned any new referral credits since the last time you checked. ' +
-              'Please check back in a week or two.');
-          }
-
-          window.location = '?home';
-        } else {
-          alert(response.reason);
           this.setState({
-            submitting: false
+            modal: 'referralInfo',
+            referralCredits: response.referralCredits,
+          });
+        } else {
+          this.setState({
+            submitting: false,
+            modal: 'lookupFailed',
+            failureReason: response.reason,
           });
         }
       });
 
       xhr.addEventListener('error', () => {
         this.setState({
-          submitting: false
+          submitting: false,
+          modal: 'couldNotConnect',
         });
-        alert('LBRY couldn\'t connect to our servers to confirm your referral code. Please check your ' +
-              'internet connection.');
       });
 
       xhr.open('POST', 'https://invites.lbry.io/check', true);
@@ -73,6 +73,15 @@ var ReferralPage = React.createClass({
                '&email=' + encodeURIComponent(email));
     });
   },
+  closeModal: function() {
+    this.setState({
+      modal: null,
+    });
+  },
+  handleFinished: function() {
+    localStorage.setItem('claimCodeDone', true);
+    window.location = '?home';
+  },
   render: function() {
     return (
       <main>
@@ -94,6 +103,17 @@ var ReferralPage = React.createClass({
             </section>
           </div>
         </form>
+        <Modal isOpen={this.state.modal == 'referralInfo'} onConfirmed={this.handleFinished}>
+          {this.state.referralCredits > 0
+            ? `You have earned {response.referralCredits} credits from referrals. We will credit your account shortly. Thanks!`
+            : 'You have not earned any new referral credits since the last time you checked. Please check back in a week or two.'}
+        </Modal>
+        <Modal isOpen={this.state.modal == 'lookupFailed'} onConfirmed={this.closeModal}>
+          {this.state.failureReason}
+        </Modal>
+        <Modal isOpen={this.state.modal == 'couldNotConnect'} onConfirmed={this.closeModal}>
+          LBRY couldn't connect to our servers to confirm your referral code. Please check your internet connection.
+        </Modal>
       </main>
     );
   }