diff --git a/docs/src/modules/components/Tidelift.js b/docs/src/modules/components/Tidelift.js
new file mode 100644
index 00000000000000..64b0f25e3509d3
--- /dev/null
+++ b/docs/src/modules/components/Tidelift.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Link from 'docs/src/modules/components/Link';
+
+const styles = theme => ({
+ root: {
+ padding: `${theme.spacing.unit}px ${theme.spacing.unit}px ${theme.spacing.unit}px ${theme
+ .spacing.unit * 2}px`,
+ right: 0,
+ left: 0,
+ display: 'flex',
+ backgroundColor: '#626980', // Tidelift color.
+ position: 'relative',
+ top: 56,
+ [theme.breakpoints.up('sm')]: {
+ top: 64 + 36 / 2,
+ left: 'auto',
+ position: 'absolute',
+ borderBottomLeftRadius: 36 / 2,
+ borderTopLeftRadius: 36 / 2,
+ },
+ },
+ logo: {
+ background: 'url(/static/images/tidelift.svg) no-repeat 50%',
+ content: "''",
+ width: 20,
+ height: 20,
+ margin: `0 ${theme.spacing.unit}px 0 0`,
+ },
+ label: {
+ color: theme.palette.common.white,
+ },
+});
+
+function Tidelift(props) {
+ const { classes } = props;
+
+ return (
+
+
+ Get Professionally Supported Material-UI
+
+ );
+}
+
+Tidelift.propTypes = {
+ classes: PropTypes.object.isRequired,
+};
+
+export default withStyles(styles)(Tidelift);
diff --git a/pages/index.js b/pages/index.js
index f069e5551f314e..626f81729a85a2 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -6,6 +6,7 @@ import Typography from '@material-ui/core/Typography';
import Button from '@material-ui/core/Button';
import withRoot from 'docs/src/modules/components/withRoot';
import HomeSteps from 'docs/src/modules/components/HomeSteps';
+import Tidelift from 'docs/src/modules/components/Tidelift';
import HomeBackers from 'docs/src/modules/components/HomeBackers';
import HomeFooter from 'docs/src/modules/components/HomeFooter';
import Link from 'docs/src/modules/components/Link';
@@ -106,6 +107,7 @@ class HomePage extends React.Component {
}}
/>