30 lines
11 KiB
HTML
30 lines
11 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="generator" content="Docusaurus v2.0.0-alpha.64">
|
||
<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>
|
||
<link rel="search" type="application/opensearchdescription+xml" title="NodeGui" href="/opensearch.xml"><title data-react-helmet="true">Hello from NodeGui | NodeGui</title><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_large_image"><link data-react-helmet="true" rel="shortcut icon" href="/img/favicon.ico"><link data-react-helmet="true" rel="preconnect" href="https://BH4D9OD16A-dsn.algolia.net" crossorigin="true"><link rel="stylesheet" href="/styles.920797bd.css">
|
||
<link rel="preload" href="/styles.554bb9cb.js" as="script">
|
||
<link rel="preload" href="/runtime~main.dc5728b9.js" as="script">
|
||
<link rel="preload" href="/main.79cccd4c.js" as="script">
|
||
<link rel="preload" href="/1.38531c2a.js" as="script">
|
||
<link rel="preload" href="/2.8b712a8b.js" as="script">
|
||
<link rel="preload" href="/404.9222d7c6.js" as="script">
|
||
<link rel="preload" href="/c4f5d8e4.a74b9b33.js" as="script">
|
||
</head>
|
||
<body>
|
||
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
|
||
<nav class="navbar 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 class="navbar__brand" 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 href="https://github.com/nodegui/nodegui" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub</a><div class="react-toggle react-toggle--disabled displayOnlyInLargeViewport_2aTZ"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_BsTx">🌜</span></div><div class="react-toggle-track-x"><span class="toggle_BsTx">🌞</span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" disabled="" aria-label="Dark mode toggle" class="react-toggle-screenreader-only"></div><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span><span class="DocSearch-Button-Key">⌘</span><span class="DocSearch-Button-Key">K</span></button></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div><div class="navbar-sidebar"><div class="navbar-sidebar__brand"><a class="navbar__brand" 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 href="https://github.com/nodegui/nodegui" target="_blank" rel="noopener noreferrer" class="menu__link">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>NodeGui lets you create truly native apps while not compromising on your users' experience, by providing 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 performance 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 href="https://spectrum.chat/nodegui" target="_blank" rel="noopener noreferrer" class="footer__link-item">Spectrum</a></li><li class="footer__item"><a href="https://nodegui.slack.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack</a></li><li class="footer__item"><a href="https://twitter.com/node_gui" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://medium.com/nodegui" target="_blank" rel="noopener noreferrer" class="footer__link-item">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 href="https://react.nodegui.org" target="_blank" rel="noopener noreferrer" class="footer__link-item">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 © 2022 NodeGui</div></div></div></footer></div>
|
||
<script src="/styles.554bb9cb.js"></script>
|
||
<script src="/runtime~main.dc5728b9.js"></script>
|
||
<script src="/main.79cccd4c.js"></script>
|
||
<script src="/1.38531c2a.js"></script>
|
||
<script src="/2.8b712a8b.js"></script>
|
||
<script src="/404.9222d7c6.js"></script>
|
||
<script src="/c4f5d8e4.a74b9b33.js"></script>
|
||
</body>
|
||
</html> |