{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/polypane-❤-tumult-hype-new-integration/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Polypane ❤ Tumult Hype. New integration\",\n  \"cover\": \"/blogs/tumult/tumult.png\",\n  \"date\": \"2020-07-27\",\n  \"type\": [\"announcement\"]\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://tumult.com/hype/\"\n  }), `Tumult Hype`), ` lets you create beautiful, responsive HTML5 animations and web content.`), mdx(\"p\", null, `When you preview your design by clicking the 'preview' button in Hype and selecting Polypane, it will automatically open the viewports you've specified in Hype so you get\nthe full overview with just a single click. If you click the preview button again Polypane focuses and reloads your existing tab, even if you've made changes to that\ntab. This is the ideal way to test your Tumult Hype creations on multiple screen sizes.`), mdx(\"p\", null, `Check out the video for a quick walkthrough:`), mdx(\"div\", {\n    style: {\n      \"position\": \"relative\",\n      \"width\": \"100%\",\n      \"paddingTop\": \"56.25%\"\n    }\n  }, mdx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/rJ3ON_oSL_g?&autoplay=false&start=0\",\n    allow: \"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: \"\",\n    style: {\n      \"position\": \"absolute\",\n      \"top\": \"0px\",\n      \"left\": \"0px\",\n      \"width\": \"100%\",\n      \"height\": \"100%\"\n    },\n    frameBorder: \"0\"\n  })), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://tumult.com/hype/\"\n  }), `Tumult Hype`), ` is available on macOS from `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://tumult.com\"\n  }), `tumult.com`), ` and the Mac App Store.`), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `If you're interested in integrating your own tool with Polypane like this, `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/support/\"\n  }), `contact us`), `!`)));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":1,"tableOfContents":{},"excerpt":"Tumult Hype  lets you create beautiful, responsive HTML5 animations and web content. When you preview your design by clicking the 'preview' button in Hype and…","frontmatter":{"title":"Polypane ❤ Tumult Hype. New integration","cover":"/blogs/tumult/tumult.png","date":"2020-07-27","updated":null},"fields":{"slug":"/blog/polypane-❤-tumult-hype-new-integration/","date":"2020-07-26T22:00:00.000Z","ogFileName":"polypane-❤-tumult-hype-new-integration"}}},"pageContext":{"slug":"/blog/polypane-❤-tumult-hype-new-integration/"}},"staticQueryHashes":["4164364741","425175329"]}