-<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta charSet="utf-8"/><script async="" defer="" src="https://buttons.github.io/buttons.js"></script><meta name="next-head-count" content="3"/><link rel="preload" href="/reactide-website/_next/static/0EDowGh4WtqF6qprpDbKg/pages/index.js" as="script"/><link rel="preload" href="/reactide-website/_next/static/0EDowGh4WtqF6qprpDbKg/pages/_app.js" as="script"/><link rel="preload" href="/reactide-website/_next/static/runtime/webpack-3df6523e264ff2ac6548.js" as="script"/><link rel="preload" href="/reactide-website/_next/static/chunks/commons.1c8dfa340028dbe077a2.js" as="script"/><link rel="preload" href="/reactide-website/_next/static/runtime/main-110164ad59d82497a6e0.js" as="script"/><style id="__jsx-3179683366">body{overflow-x:hidden;margin:auto;}@media screen and (max-width:768px){.logo{height:30% !important;width:30% !important;margin-bottom:2em;}.textLogo{height:75% !important;width:75% !important;}.banner{padding:0 10px;}h1{font-size:4vw !important;}section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}#second{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.demoGif{min-width:90vw;}.dlContainer{margin-top:-3em;margin-bottom:-3em;}.download{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.dlLogo{height:65px;}.dlp{font-size:12px;}article{width:90vw;margin-bottom:1em;}}body{background-color:#1c1f2c;font-family:helvetica;}.layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}p{font-size:16px;color:white;line-height:1.5;}h1,h2,h3{color:white;line-height:1.5;}h1{font-size:2vw;font-weight:lighter;text-shadow:0 15px 15px black;margin-top:100px;}h2{font-size:20px;text-shadow:5px 10px 15px black;}.banner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-bottom:100px;padding-top:70px;margin-top:35px;}.logo{height:15%;width:15%;margin-bottom:2em;}.textLogo{height:40%;width:40%;}.demo{background-color:#272b3d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100vw;padding:10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:-15px;margin-right:-15px;text-align:center;}article{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:4em;margin-left:4em;margin-top:-10px;}code{font-family:Courier,'New Courier',monospace;font-size:12px;}#codeStyler{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;}pre{background-color:black;border-radius:3px;width:200px;padding:0px 5px 5px;}code{color:limegreen;}.demoGif{width:50%;height:50%;box-shadow:0 14px 25px 15px #1c1f2c;border-radius:5px;}#demoGif2{box-shadow:0 14px 25px 15px #13141c;}#first,#second,#third{padding:80px 25px 80px !important;}#first,#third{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 25px;}#third{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;}#second{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#1c1f2c;}.dlContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;padding:80px;}h3{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.download{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;width:500px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:25px 25px 0px 25px;text-align:center;}.mac{padding:1em;}.windows{padding:1em;}.linux{padding:1em;}.dlLogo{max-height:100px;max-width:100px;}h3{text-shadow:5px 10px 15px black;}.footer{text-align:center;margin-bottom:25px;margin-top:-25px;}h5{color:gray;opacity:0.5;}</style></head><body><div id="__next"><body><div class="app"><div class="banner"><img src="https://i.imgur.com/HRNmuJs.png" class="logo"/><img src="https://i.imgur.com/VJVeX0f.png" class="textLogo"/><h1>The first dedicated IDE for React web application development</h1></div><div class="demo"><section id="first"><article><h2>An extensible developer environment in one click</h2><p>Reactide runs an integrated Node server and custom browser simulator eliminating the need to configure any servers, build-tools, and even offers hot module reloading right out of the box.</p></article><img src="https://i.imgur.com/tYKy7mX.png" class="demoGif"/></section><section id="second"><img src="https://i.imgur.com/bbQyB5o.png" class="demoGif" id="demoGif2"/><article><h2>Streamlined configurations</h2><p>To get started, just input your .js and .html entry points inside Reactide's universal configuration. Once those entry points are changed, go ahead and run:<div id="codeStyler"><pre><code>npm run reactide-server</code></pre></div></p></article></section><section id="third"><article><h2>Components visualization</h2><p>Navigate through a live-representation of your app’s architecture.</p></article><img src="https://i.imgur.com/EAjAPdx.png" class="demoGif" id="thirdGif"/></section></div><div class="dlContainer"><h3>Download</h3><div class="download"><section class="mac"><a href="https://github.com/reactide/reactide/releases/download/v3.0-beta/Reactide-3.0.0.dmg"><img src="https://i.imgur.com/g39evfL.png" class="dlLogo"/><p class="dlp">macOS 10.10+</p></a></section><section class="windows"><a href="https://github.com/reactide/reactide"><img src="https://i.imgur.com/eokPg8w.png" class="dlLogo"/><p class="dlp">Windows 7, 8, 10</p></a></section><section class="linux"><a href="https://github.com/reactide/reactide"><img src="https://i.imgur.com/NNIez7Y.png" class="dlLogo"/><p class="dlp">Debian, Ubuntu</p></a></section></div></div><div class="footer"><h5>©Copyright. All rights reserved.</h5><a href="https://github.com/reactide/reactide"><img src="https://i.imgur.com/SGjW0Lo.png"/></a><br/><a class="github-button" href="https://github.com/reactide/reactide" data-icon="octicon-star" data-show-count="true" aria-label="Star ntkme/github-buttons on GitHub">Star</a></div></div></body></div><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{}},"page":"/","query":{},"buildId":"0EDowGh4WtqF6qprpDbKg","dynamicBuildId":false,"assetPrefix":"/reactide-website","nextExport":true}</script><script async="" id="__NEXT_PAGE__/" src="/reactide-website/_next/static/0EDowGh4WtqF6qprpDbKg/pages/index.js"></script><script async="" id="__NEXT_PAGE__/_app" src="/reactide-website/_next/static/0EDowGh4WtqF6qprpDbKg/pages/_app.js"></script><script src="/reactide-website/_next/static/runtime/webpack-3df6523e264ff2ac6548.js" async=""></script><script src="/reactide-website/_next/static/chunks/commons.1c8dfa340028dbe077a2.js" async=""></script><script src="/reactide-website/_next/static/runtime/main-110164ad59d82497a6e0.js" async=""></script></body></html>
0 commit comments