diff --git a/browser/brave_profile_prefs.cc b/browser/brave_profile_prefs.cc
index 94b6c4815908..da2a70db8f89 100644
--- a/browser/brave_profile_prefs.cc
+++ b/browser/brave_profile_prefs.cc
@@ -126,6 +126,9 @@ void RegisterProfilePrefs(user_prefs::PrefRegistrySyncable* registry) {
 
   // New Tab Page
   registry->RegisterBooleanPref(kNewTabPageShowBackgroundImage, true);
+  registry->RegisterBooleanPref(kNewTabPageShowClock, true);
+  registry->RegisterBooleanPref(kNewTabPageShowTopSites, true);
+  registry->RegisterBooleanPref(kNewTabPageShowStats, true);
 }
 
 }  // namespace brave
diff --git a/browser/ui/webui/brave_new_tab_message_handler.cc b/browser/ui/webui/brave_new_tab_message_handler.cc
index ed78f15e8748..f0cf2c3b23ca 100644
--- a/browser/ui/webui/brave_new_tab_message_handler.cc
+++ b/browser/ui/webui/brave_new_tab_message_handler.cc
@@ -46,6 +46,15 @@ void BraveNewTabMessageHandler::OnJavascriptAllowed() {
   pref_change_registrar_.Add(kNewTabPageShowBackgroundImage,
     base::Bind(&BraveNewTabMessageHandler::OnPreferencesChanged,
     base::Unretained(this)));
+  pref_change_registrar_.Add(kNewTabPageShowClock,
+    base::Bind(&BraveNewTabMessageHandler::OnPreferencesChanged,
+    base::Unretained(this)));
+  pref_change_registrar_.Add(kNewTabPageShowStats,
+    base::Bind(&BraveNewTabMessageHandler::OnPreferencesChanged,
+    base::Unretained(this)));
+  pref_change_registrar_.Add(kNewTabPageShowTopSites,
+    base::Bind(&BraveNewTabMessageHandler::OnPreferencesChanged,
+    base::Unretained(this)));
 }
 
 void BraveNewTabMessageHandler::OnJavascriptDisallowed() {
@@ -101,6 +110,12 @@ void BraveNewTabMessageHandler::HandleSaveNewTabPagePref(
   std::string settingsKey;
   if (settingsKeyInput == "showBackgroundImage") {
     settingsKey = kNewTabPageShowBackgroundImage;
+  } else if (settingsKeyInput == "showClock") {
+    settingsKey = kNewTabPageShowClock;
+  } else if (settingsKeyInput == "showTopSites") {
+    settingsKey = kNewTabPageShowTopSites;
+  } else if (settingsKeyInput == "showStats") {
+    settingsKey = kNewTabPageShowStats;
   } else {
     LOG(ERROR) << "Invalid setting key";
     return;
diff --git a/browser/ui/webui/brave_new_tab_ui.cc b/browser/ui/webui/brave_new_tab_ui.cc
index e7f78323187b..718c67f350b0 100644
--- a/browser/ui/webui/brave_new_tab_ui.cc
+++ b/browser/ui/webui/brave_new_tab_ui.cc
@@ -99,6 +99,18 @@ void BraveNewTabUI::SetPreferencesWebUIProperties(
         "showBackgroundImage",
         prefs->GetBoolean(kNewTabPageShowBackgroundImage) ? "true"
                                                           : "false");
+    render_view_host->SetWebUIProperty(
+        "showClock",
+        prefs->GetBoolean(kNewTabPageShowClock) ? "true"
+                                                : "false");
+    render_view_host->SetWebUIProperty(
+        "showTopSites",
+        prefs->GetBoolean(kNewTabPageShowTopSites) ? "true"
+                                                  : "false");
+    render_view_host->SetWebUIProperty(
+        "showStats",
+        prefs->GetBoolean(kNewTabPageShowStats) ? "true"
+                                                : "false");
   }
 }
 
diff --git a/browser/ui/webui/brave_webui_source.cc b/browser/ui/webui/brave_webui_source.cc
index 24903bc8d8a6..27fa5942692b 100644
--- a/browser/ui/webui/brave_webui_source.cc
+++ b/browser/ui/webui/brave_webui_source.cc
@@ -137,6 +137,9 @@ void CustomizeWebUIHTMLSource(const std::string &name,
         { "dashboardSettingsTitle",
             IDS_BRAVE_NEW_TAB_DASHBOARD_SETTINGS_TITLE },
         { "showBackgroundImage", IDS_BRAVE_NEW_TAB_SHOW_BACKGROUND_IMAGE },
+        { "showBraveStats", IDS_BRAVE_NEW_TAB_SHOW_BRAVE_STATS },
+        { "showClock", IDS_BRAVE_NEW_TAB_SHOW_CLOCK },
+        { "showTopSites", IDS_BRAVE_NEW_TAB_SHOW_TOP_SITES },
 
         // Private Tab - General
         { "learnMore", IDS_BRAVE_PRIVATE_NEW_TAB_LEARN_MORE },
diff --git a/common/pref_names.cc b/common/pref_names.cc
index 3a12d7b7d011..7bcd76e3c01f 100644
--- a/common/pref_names.cc
+++ b/common/pref_names.cc
@@ -54,3 +54,6 @@ const char kHideBraveRewardsButton[] = "brave.hide_brave_rewards_button";
 const char kIPFSCompanionEnabled[] = "brave.ipfs_companion_enabled";
 const char kNewTabPageShowBackgroundImage[] =
     "brave.new_tab_page.show_background_image";
+const char kNewTabPageShowClock[] = "brave.new_tab_page.show_clock";
+const char kNewTabPageShowTopSites[] = "brave.new_tab_page.show_top_sites";
+const char kNewTabPageShowStats[] = "brave.new_tab_page.show_stats";
diff --git a/common/pref_names.h b/common/pref_names.h
index a7513eb4abb9..94942e1fee4c 100644
--- a/common/pref_names.h
+++ b/common/pref_names.h
@@ -47,5 +47,8 @@ extern const char kHangoutsEnabled[];
 extern const char kHideBraveRewardsButton[];
 extern const char kIPFSCompanionEnabled[];
 extern const char kNewTabPageShowBackgroundImage[];
+extern const char kNewTabPageShowClock[];
+extern const char kNewTabPageShowTopSites[];
+extern const char kNewTabPageShowStats[];
 
 #endif  // BRAVE_COMMON_PREF_NAMES_H_
diff --git a/components/brave_new_tab_ui/api/preferences.ts b/components/brave_new_tab_ui/api/preferences.ts
index f6eab6abcf17..4ce1bb7fde84 100644
--- a/components/brave_new_tab_ui/api/preferences.ts
+++ b/components/brave_new_tab_ui/api/preferences.ts
@@ -12,6 +12,9 @@
 
 export type Preferences = {
   showBackgroundImage: boolean
+  showStats: boolean
+  showClock: boolean
+  showTopSites: boolean
 }
 
 function getWebUIBooleanVal (key: string): boolean {
@@ -24,7 +27,10 @@ export function getPreferences (): Promise<Preferences> {
   // Enforces practice of not setting directly
   // in a redux reducer.
   return Promise.resolve({
-    showBackgroundImage: getWebUIBooleanVal('showBackgroundImage')
+    showBackgroundImage: getWebUIBooleanVal('showBackgroundImage'),
+    showStats: getWebUIBooleanVal('showStats'),
+    showClock: getWebUIBooleanVal('showClock'),
+    showTopSites: getWebUIBooleanVal('showTopSites')
   })
 }
 
@@ -36,6 +42,18 @@ export function saveShowBackgroundImage (value: boolean): void {
   sendSavePref('showBackgroundImage', value)
 }
 
+export function saveShowClock (value: boolean): void {
+  sendSavePref('showClock', value)
+}
+
+export function saveShowTopSites (value: boolean): void {
+  sendSavePref('showTopSites', value)
+}
+
+export function saveShowStats (value: boolean): void {
+  sendSavePref('showStats', value)
+}
+
 export function addChangeListener (listener: () => void): void {
   window.cr.addWebUIListener('preferences-changed', listener)
 }
diff --git a/components/brave_new_tab_ui/components/app.tsx b/components/brave_new_tab_ui/components/app.tsx
index 22ad13fed00b..a9255855f2df 100644
--- a/components/brave_new_tab_ui/components/app.tsx
+++ b/components/brave_new_tab_ui/components/app.tsx
@@ -32,12 +32,15 @@ class DefaultPage extends React.Component<Props, {}> {
     return this.props.newTabData.isIncognito
       ? <NewPrivateTabPage newTabData={newTabData} actions={actions} />
       : (
-          <NewTabPage
-            newTabData={newTabData}
-            actions={actions}
-            saveShowBackgroundImage={PreferencesAPI.saveShowBackgroundImage}
-          />
-        )
+        <NewTabPage
+          newTabData={newTabData}
+          actions={actions}
+          saveShowBackgroundImage={PreferencesAPI.saveShowBackgroundImage}
+          saveShowClock={PreferencesAPI.saveShowClock}
+          saveShowStats={PreferencesAPI.saveShowStats}
+          saveShowTopSites={PreferencesAPI.saveShowTopSites}
+        />
+      )
   }
 }
 
diff --git a/components/brave_new_tab_ui/components/newTab/index.tsx b/components/brave_new_tab_ui/components/newTab/index.tsx
index a504a0444dfd..812fc62c256d 100644
--- a/components/brave_new_tab_ui/components/newTab/index.tsx
+++ b/components/brave_new_tab_ui/components/newTab/index.tsx
@@ -8,9 +8,9 @@ import HTML5Backend from 'react-dnd-html5-backend'
 import {
   Page,
   Header,
-  Clock,
+  ClockWidget as Clock,
   Main,
-  List,
+  ListWidget as List,
   Footer,
   DynamicBackground,
   Gradient
@@ -27,6 +27,9 @@ interface Props {
   newTabData: NewTab.State
   actions: any
   saveShowBackgroundImage: (value: boolean) => void
+  saveShowClock: (value: boolean) => void
+  saveShowTopSites: (value: boolean) => void
+  saveShowStats: (value: boolean) => void
 }
 
 class NewTabPage extends React.Component<Props, {}> {
@@ -69,6 +72,24 @@ class NewTabPage extends React.Component<Props, {}> {
     )
   }
 
+  toggleShowClock = () => {
+    this.props.saveShowClock(
+      !this.props.newTabData.showClock
+    )
+  }
+
+  toggleShowStats = () => {
+    this.props.saveShowStats(
+      !this.props.newTabData.showStats
+    )
+  }
+
+  toggleShowTopSites = () => {
+    this.props.saveShowTopSites(
+      !this.props.newTabData.showTopSites
+    )
+  }
+
   showSettings = () => {
     this.props.actions.showSettingsMenu()
   }
@@ -89,10 +110,10 @@ class NewTabPage extends React.Component<Props, {}> {
         {newTabData.showBackgroundImage && <Gradient />}
         <Page>
           <Header>
-            <Stats stats={newTabData.stats} />
-            <Clock />
+            <Stats stats={newTabData.stats} showWidget={newTabData.showStats}/>
+            <Clock showWidget={newTabData.showClock} />
             <Main>
-              <List>
+              <List showWidget={newTabData.showTopSites}>
                 {
                   this.props.newTabData.gridSites.map((site: NewTab.Site) =>
                     <Block
@@ -125,7 +146,13 @@ class NewTabPage extends React.Component<Props, {}> {
             <Settings
               onClickOutside={this.closeSettings}
               toggleShowBackgroundImage={this.toggleShowBackgroundImage}
+              toggleShowClock={this.toggleShowClock}
+              toggleShowStats={this.toggleShowStats}
+              toggleShowTopSites={this.toggleShowTopSites}
               showBackgroundImage={newTabData.showBackgroundImage}
+              showClock={newTabData.showClock}
+              showStats={newTabData.showStats}
+              showTopSites={newTabData.showTopSites}
             />
           }
           <Footer>
diff --git a/components/brave_new_tab_ui/components/newTab/settings.tsx b/components/brave_new_tab_ui/components/newTab/settings.tsx
index 88fa83842f67..ecfc26bf4262 100644
--- a/components/brave_new_tab_ui/components/newTab/settings.tsx
+++ b/components/brave_new_tab_ui/components/newTab/settings.tsx
@@ -13,7 +13,13 @@ import { getLocale } from '../../../common/locale'
 export interface Props {
   onClickOutside: () => void
   toggleShowBackgroundImage: () => void
+  toggleShowClock: () => void
+  toggleShowStats: () => void
+  toggleShowTopSites: () => void
   showBackgroundImage: boolean
+  showStats: boolean
+  showClock: boolean
+  showTopSites: boolean
 }
 
 export default class Settings extends React.PureComponent<Props, {}> {
@@ -38,7 +44,16 @@ export default class Settings extends React.PureComponent<Props, {}> {
   }
 
   render () {
-    const { toggleShowBackgroundImage, showBackgroundImage } = this.props
+    const {
+      toggleShowBackgroundImage,
+      toggleShowClock,
+      toggleShowStats,
+      toggleShowTopSites,
+      showBackgroundImage,
+      showStats,
+      showClock,
+      showTopSites
+    } = this.props
     return (
       <SettingsWrapper>
         <SettingsMenu innerRef={this.settingsMenuRef}>
@@ -51,6 +66,30 @@ export default class Settings extends React.PureComponent<Props, {}> {
               size='small'
             />
           </SettingsRow>
+          <SettingsRow>
+            <SettingsText>{getLocale('showBraveStats')}</SettingsText>
+            <Toggle
+              onChange={toggleShowStats}
+              checked={showStats}
+              size='small'
+            />
+          </SettingsRow>
+          <SettingsRow>
+            <SettingsText>{getLocale('showClock')}</SettingsText>
+            <Toggle
+              onChange={toggleShowClock}
+              checked={showClock}
+              size='small'
+            />
+          </SettingsRow>
+          <SettingsRow>
+            <SettingsText>{getLocale('showTopSites')}</SettingsText>
+            <Toggle
+              onChange={toggleShowTopSites}
+              checked={showTopSites}
+              size='small'
+            />
+          </SettingsRow>
         </SettingsMenu>
       </SettingsWrapper>
     )
diff --git a/components/brave_new_tab_ui/components/newTab/stats.tsx b/components/brave_new_tab_ui/components/newTab/stats.tsx
index 83180379498b..633bfb92ac5f 100644
--- a/components/brave_new_tab_ui/components/newTab/stats.tsx
+++ b/components/brave_new_tab_ui/components/newTab/stats.tsx
@@ -3,7 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import { StatsContainer, StatsItem } from 'brave-ui/features/newTab/default'
+import { StatsContainer, StatsItem, createWidget } from 'brave-ui/features/newTab/default'
 
 // Utils
 import { getLocale } from '../../../common/locale'
@@ -12,7 +12,7 @@ interface Props {
   stats: NewTab.Stats
 }
 
-export default class Stats extends React.Component<Props, {}> {
+class Stats extends React.Component<Props, {}> {
   get millisecondsPerItem () {
     return 50
   }
@@ -90,3 +90,5 @@ export default class Stats extends React.Component<Props, {}> {
     )
   }
 }
+
+export default createWidget(Stats)
diff --git a/components/brave_new_tab_ui/storage.ts b/components/brave_new_tab_ui/storage.ts
index 49c9c7d05977..15b87cb69d04 100644
--- a/components/brave_new_tab_ui/storage.ts
+++ b/components/brave_new_tab_ui/storage.ts
@@ -11,6 +11,9 @@ const keyName = 'new-tab-data'
 
 const defaultState: NewTab.State = {
   showBackgroundImage: false,
+  showStats: false,
+  showClock: false,
+  showTopSites: false,
   showSettings: false,
   topSites: [],
   ignoredTopSites: [],
diff --git a/components/definitions/newTab.d.ts b/components/definitions/newTab.d.ts
index 9a1df53e0b37..b230dd7f7a31 100644
--- a/components/definitions/newTab.d.ts
+++ b/components/definitions/newTab.d.ts
@@ -41,21 +41,24 @@ declare namespace NewTab {
   }
 
   export interface State {
-    topSites: Site[],
-    ignoredTopSites: Site[],
-    pinnedTopSites: Site[],
-    gridSites: Site[],
-    showEmptyPage: boolean,
-    isIncognito: boolean,
-    useAlternativePrivateSearchEngine: boolean,
-    isTor: boolean,
-    isQwant: boolean,
-    bookmarks: Record<string, Bookmark>,
+    topSites: Site[]
+    ignoredTopSites: Site[]
+    pinnedTopSites: Site[]
+    gridSites: Site[]
+    showEmptyPage: boolean
+    isIncognito: boolean
+    useAlternativePrivateSearchEngine: boolean
+    isTor: boolean
+    isQwant: boolean
+    bookmarks: Record<string, Bookmark>
     stats: Stats
     backgroundImage?: Image
     gridLayoutSize?: 'small'
     showSiteRemovalNotification?: boolean
     showBackgroundImage: boolean
     showSettings: boolean
+    showStats: boolean
+    showClock: boolean
+    showTopSites: boolean
   }
 }
diff --git a/components/resources/brave_components_strings.grd b/components/resources/brave_components_strings.grd
index 27c292a1fba6..bbefb1290aba 100644
--- a/components/resources/brave_components_strings.grd
+++ b/components/resources/brave_components_strings.grd
@@ -139,7 +139,10 @@
       <message name="IDS_BRAVE_NEW_TAB_BOOKMARKS_PAGE_TITLE" desc="Title for bookmarks page">View and Manage Bookmarks</message>
       <message name="IDS_BRAVE_NEW_TAB_HISTORY_PAGE_TITLE" desc="Title for history page">View your browsing history</message>
       <message name="IDS_BRAVE_NEW_TAB_DASHBOARD_SETTINGS_TITLE" desc="Title for dashboard settings">Dashboard Settings</message>
-      <message name="IDS_BRAVE_NEW_TAB_SHOW_BACKGROUND_IMAGE" desc="Text for settings option">Show background image</message>
+      <message name="IDS_BRAVE_NEW_TAB_SHOW_BACKGROUND_IMAGE" desc="Text for settings background option">Show background image</message>
+      <message name="IDS_BRAVE_NEW_TAB_SHOW_BRAVE_STATS" desc="Text for settings show stats option">Show Brave Stats</message>
+      <message name="IDS_BRAVE_NEW_TAB_SHOW_CLOCK" desc="Text for settings show clock option">Show Clock</message>
+      <message name="IDS_BRAVE_NEW_TAB_SHOW_TOP_SITES" desc="Text for settings show top sites option">Show Top Sites</message>
 
       <!-- WebUI private tab resources -->
       <message name="IDS_BRAVE_PRIVATE_NEW_TAB_LEARN_MORE" desc="">Learn more</message>
diff --git a/components/test/brave_new_tab_ui/components/__snapshots__/settings_test.tsx.snap b/components/test/brave_new_tab_ui/components/__snapshots__/settings_test.tsx.snap
new file mode 100644
index 000000000000..0de93b1ead7f
--- /dev/null
+++ b/components/test/brave_new_tab_ui/components/__snapshots__/settings_test.tsx.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`settings component tests should render the component properly 1`] = `ShallowWrapper {}`;
diff --git a/components/test/brave_new_tab_ui/components/settings_test.tsx b/components/test/brave_new_tab_ui/components/settings_test.tsx
index f4e1a9991057..177815aa7231 100644
--- a/components/test/brave_new_tab_ui/components/settings_test.tsx
+++ b/components/test/brave_new_tab_ui/components/settings_test.tsx
@@ -7,16 +7,30 @@ describe('settings component tests', () => {
   const mockProps: Props = {
     onClickOutside: () => null,
     toggleShowBackgroundImage: () => null,
-    showBackgroundImage: true
+    showBackgroundImage: true,
+    toggleShowClock: () => null,
+    toggleShowStats: () => null,
+    toggleShowTopSites: () => null,
+    showClock: true,
+    showStats: true,
+    showTopSites: true
   }
+
   it('should render the component properly', () => {
     const wrapper = shallow(
       <Settings
         onClickOutside={mockProps.onClickOutside}
         toggleShowBackgroundImage={mockProps.toggleShowBackgroundImage}
         showBackgroundImage={mockProps.showBackgroundImage}
+        toggleShowClock={mockProps.toggleShowClock}
+        toggleShowStats={mockProps.toggleShowStats}
+        toggleShowTopSites={mockProps.toggleShowTopSites}
+        showClock={mockProps.showClock}
+        showStats={mockProps.showStats}
+        showTopSites={mockProps.showTopSites}
       />)
     expect(wrapper.find(SettingsMenu)).toHaveLength(1)
     expect(wrapper.find(SettingsWrapper)).toHaveLength(1)
+    expect(wrapper).toMatchSnapshot()
   })
 })
diff --git a/package-lock.json b/package-lock.json
index 1f3ea9622700..6bc977b40fed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1597,8 +1597,8 @@
       }
     },
     "brave-ui": {
-      "version": "github:brave/brave-ui#0220a24a82b5e63a9d5733d25f982c7dc5f66a45",
-      "from": "github:brave/brave-ui#0220a24a82b5e63a9d5733d25f982c7dc5f66a45",
+      "version": "github:brave/brave-ui#a833be9c5a54922b32da40104451bfd6c5b76cb3",
+      "from": "github:brave/brave-ui#a833be9c5a54922b32da40104451bfd6c5b76cb3",
       "dev": true,
       "requires": {
         "@ctrl/tinycolor": "^2.2.1",
diff --git a/package.json b/package.json
index 37fe7e377050..d22a7f4aec63 100644
--- a/package.json
+++ b/package.json
@@ -277,7 +277,7 @@
     "@types/react-redux": "6.0.4",
     "@types/redux-logger": "^3.0.7",
     "awesome-typescript-loader": "^5.2.1",
-    "brave-ui": "github:brave/brave-ui#0220a24a82b5e63a9d5733d25f982c7dc5f66a45",
+    "brave-ui": "github:brave/brave-ui#a833be9c5a54922b32da40104451bfd6c5b76cb3",
     "css-loader": "^2.1.1",
     "csstype": "^2.5.5",
     "deep-freeze-node": "^1.1.3",