58 lines
11 KiB
HTML
58 lines
11 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width">
|
||
<meta name="generator" content="Docusaurus">
|
||
<link rel="preconnect" href="https://www.google-analytics.com">
|
||
<script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","UA-145065218-1","auto"),ga("send","pageview")</script>
|
||
<script async src="https://www.google-analytics.com/analytics.js"></script>
|
||
|
||
<title data-react-helmet="true">Hello from NodeGui | NodeGui</title>
|
||
|
||
<meta data-react-helmet="true" http-equiv="x-ua-compatible" content="ie=edge"><meta data-react-helmet="true" property="og:title" content="Hello from NodeGui | NodeGui"><meta data-react-helmet="true" name="description" content="Build performant, native and cross-platform desktop applications with JavaScript and CSS 🚀"><meta data-react-helmet="true" property="og:description" content="Build performant, native and cross-platform desktop applications with JavaScript and CSS 🚀"><meta data-react-helmet="true" name="twitter:card" content="summary">
|
||
|
||
<link data-react-helmet="true" rel="shortcut icon" href="/img/favicon.ico">
|
||
|
||
|
||
<link rel="stylesheet" href="/styles.6dcabc7a.css">
|
||
|
||
|
||
<link rel="preload" href="/styles.1d963c86.js" as="script">
|
||
|
||
<link rel="preload" href="/runtime~main.e61fdf92.js" as="script">
|
||
|
||
<link rel="preload" href="/main.40f5c032.js" as="script">
|
||
|
||
<link rel="preload" href="/1.01dafc90.js" as="script">
|
||
|
||
<link rel="preload" href="/2.67cbe713.js" as="script">
|
||
|
||
<link rel="preload" href="/342.d9b08371.js" as="script">
|
||
|
||
<link rel="preload" href="/c4f5d8e4.2858fd2a.js" as="script">
|
||
|
||
</head>
|
||
<body>
|
||
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=window.matchMedia("(prefers-color-scheme: dark)"),n=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();null!==n?t(n):e.matches&&t("dark")}()</script>
|
||
<div id="__docusaurus">
|
||
<nav class="navbar navbar--light navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><div aria-label="Navigation bar toggle" class="navbar__toggle" role="button" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></div><a aria-current="page" class="navbar__brand active" href="/"><img class="navbar__logo" src="/img/logo-circle.png" alt="NodeGui Logo"><strong class="navbar__title">NodeGui</strong></a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link" href="/docs/guides/getting-started">Docs</a><a class="navbar__item navbar__link" href="/docs/api/manual/synopsis">API</a><a class="navbar__item navbar__link" href="/blog">Blog</a><a class="navbar__item navbar__link" target="_blank" rel="noopener noreferrer" href="https://github.com/nodegui/nodegui">GitHub</a><div class="react-toggle react-toggle--disabled displayOnlyInLargeViewport_1gtM"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_keGJ moon_1gwN"></span></div><div class="react-toggle-track-x"><span class="toggle_keGJ sun_3CPA"></span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" disabled="" aria-label="Dark mode toggle" class="react-toggle-screenreader-only"></div><div class="navbar__search"><span aria-label="expand searchbar" role="button" class="search-icon" tabindex="0"></span><input type="search" id="search_input_react" placeholder="Search" aria-label="Search" class="navbar__search-input search-bar"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div><div class="navbar-sidebar"><div class="navbar-sidebar__brand"><a aria-current="page" class="navbar__brand active" href="/"><img class="navbar__logo" src="/img/logo-circle.png" alt="NodeGui Logo"><strong class="navbar__title">NodeGui</strong></a></div><div class="navbar-sidebar__items"><div class="menu"><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/guides/getting-started">Docs</a></li><li class="menu__list-item"><a class="menu__link" href="/docs/api/manual/synopsis">API</a></li><li class="menu__list-item"><a class="menu__link" href="/blog">Blog</a></li><li class="menu__list-item"><a class="menu__link" target="_blank" rel="noopener noreferrer" href="https://github.com/nodegui/nodegui">GitHub</a></li></ul></div></div></div></nav><div class="main-wrapper"><header class="sc-bdVaJa sc-cSHVUG gYNHVg"><div class="sc-htpNat kUoYft"><div class="sc-bxivhb ePZHgQ"><img src="img/logox200.png" class="sc-jzJRlG gZRdRq"><h1 class="sc-bZQynM sc-jTzLTM liTepO">NodeGui</h1><p class="sc-fjdhpX bKFJJL">Build performant, native, cross platform desktop apps with JavaScript and CSS 🚀</p><div class="buttons_1Wc3"><div><a type="primary" href="#quick-start" target="_self" class="sc-VigVT dXopmO">Quick start</a><a type="secondary" href="/docs/guides/getting-started" target="_self" class="sc-VigVT gbhmBh">Learn basics</a></div></div></div></div></header><main><section class="features_P2SU"><div class="container"><div class="row"><div class="col col--4"><div class="text--center"><img class="featureImage_3Xqx" src="/img/undraw_website_setup.svg" alt="[object Object]"></div><h3 class="text--center">Web Technologies</h3><p class="text--center">With NodeGui, you can build your app with familiar web technologies like CSS and JavaScript. There is even a <a href="https://react.nodegui.org">React based version</a>.</p></div><div class="col col--4"><div class="text--center"><img class="featureImage_3Xqx" src="/img/undraw_code_review.svg" alt="[object Object]"></div><h3 class="text--center">Open Source</h3><p class="text--center">NodeGui is an open source project maintained by an active community of contributors.</p></div><div class="col col--4"><div class="text--center"><img class="featureImage_3Xqx" src="/img/undraw_windows.svg" alt="[object Object]"></div><h3 class="text--center"> Cross Platform</h3><p class="text--center">Compatible with Mac, Windows, and Linux, NodeGui apps build and run on three platforms.</p></div></div></div></section><section class="sc-bwzfXH enwLrm"><div class="SplitView"><div class="column first left undefined"><img src="img/demo.png" class="sc-kAzzGY dzXwMC"></div><div class="column last right text"><div><h3>Create native apps for Windows, MacOs and Linux using JavaScript and CSS</h3><p>lets you create truly native apps and doesn't compromise on your users' experience. It provides a core set of platform agnostic native widgets that map directly to the platform’s native UI building blocks.</p><p>NodeGui widgets are built on top of <a href="https://www.qt.io/" target="_blank">Qt</a> which is a mature desktop apps framework. NodeGui widgets are extremely customizable just like in the web but does <strong>NOT</strong> use a Web browser under the hood.</p></div></div></div></section><section class="sc-bwzfXH enwLrm"><div class="SplitView"><div class="column first left text"><div><h3>Written in JavaScript—rendered with native code by Qt</h3><p>Apps can be built completely in JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster.</p><p>With NodeGui you get flexibility of web and perfromance of Native desktop apps.</p></div></div><div class="column last right undefined"><div><img src="img/code-sample.png" class="sc-chPdSV gJdxNf"></div></div></div></section><section id="quick-start" class="sc-bwzfXH enwLrm"><div class="sc-htpNat kUoYft"><div class="sc-bxivhb ePZHgQ"><h2 class="sc-gzVnrw ibZhkv">Give it a try</h2><div class="sc-gqjmRU gnEsJM"><h4 class="sc-gZMcBi gVknYg">1. Run these commands</h4><div class="sc-iwsKbI bTfmQT"><code class="sc-dnqmqq jYnTqU">git clone https://github.com/nodegui/nodegui-starter</code><code class="sc-dnqmqq jYnTqU">cd nodegui-starter</code><code class="sc-dnqmqq jYnTqU">npm install</code><code class="sc-dnqmqq jYnTqU">npm start</code></div><h4 class="sc-gZMcBi gVknYg">2. <a class="LinkBasics" href="docs/guides/getting-started">Learn the basics</a> or dive deeper and take a <a class="LinkBasics" href="docs/api/manual/synopsis">look at the APIs.</a></h4></div></div></div></section><section id="quick-start" class="sc-bwzfXH enwLrm"><div class="sc-htpNat kUoYft"><div class="sc-bxivhb ePZHgQ"><h2 class="sc-kgoBCf jqCgSn">Talks</h2><ul><li><div><p><a href="https://changelog.com/jsparty/96">JS Party 96: Performant Node desktop apps with NodeGui</a> – Listen on Changelog.com</p><audio data-theme="night" data-src="https://changelog.com/jsparty/96/embed" src="https://cdn.changelog.com/uploads/jsparty/96/js-party-96.mp3" preload="none" class="changelog-episode" controls=""></audio></div></li><li><div><p><a href="https://www.meetup.com/KarmaJS/events/265554520/">KarmaJS Nov'19 Stockholm</a></p><iframe width="560" height="315" src="https://www.youtube.com/embed/8jH5gaEEDv4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe></div></li></ul><div class="sc-kGXeez hQGnTD"></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><h4 class="footer__title">Docs</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/docs/guides/getting-started">Getting Started</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/api/manual/synopsis">API</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Community</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" target="_blank" rel="noopener noreferrer" href="https://spectrum.chat/nodegui">Spectrum</a></li><li class="footer__item"><a class="footer__link-item" target="_blank" rel="noopener noreferrer" href="https://nodegui.slack.com">Slack</a></li><li class="footer__item"><a class="footer__link-item" to="https://twitter.com/node_gui" href="https://twitter.com/node_gui">Twitter</a></li><li class="footer__item"><a class="footer__link-item" to="https://medium.com/nodegui" href="https://medium.com/nodegui">Medium</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">More</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li><li class="footer__item"><a class="footer__link-item" to="https://react.nodegui.org" href="https://react.nodegui.org">React NodeGui</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/faq">FAQ</a></li></ul></div></div><div class="text--center"><div>Copyright © 2020 NodeGui</div></div></div></footer>
|
||
</div>
|
||
|
||
<script src="/styles.1d963c86.js"></script>
|
||
|
||
<script src="/runtime~main.e61fdf92.js"></script>
|
||
|
||
<script src="/main.40f5c032.js"></script>
|
||
|
||
<script src="/1.01dafc90.js"></script>
|
||
|
||
<script src="/2.67cbe713.js"></script>
|
||
|
||
<script src="/342.d9b08371.js"></script>
|
||
|
||
<script src="/c4f5d8e4.2858fd2a.js"></script>
|
||
|
||
|
||
</body>
|
||
</html> |