-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
329 lines (306 loc) · 26.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Photino: Native, Cross-Platform Web UI Desktop Apps">
<meta name="description" content="Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.">
<meta name="keywords" content="Native, Cross-Platform, Desktop, Desktop Applications, Web UI, Web Technology, .NET, dotnet, C#, csharp">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="revisit-after" content="7 days">
<meta name="author" content="https://github.com/tryphotino">
<meta property="og:title" content="Photino: Native, Cross-Platform Web UI Desktop Apps">
<meta property="og:description" content="Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.">
<meta property="og:url" content="https://www.tryphotino.io/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://raw.githubusercontent.com/tryphotino/tryphotino.github.io/main/assets/images/photino-open-graph-preview.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<title>Photino: Native, Cross-Platform Web UI Desktop Apps</title>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Noto+Sans+KR:wght@300;500;700&display=swap">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script src="https://kit.fontawesome.com/37017d0b3a.js" crossorigin="anonymous"></script>
<script src="assets/js/main.js"></script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "5oyd5ynmn7");
</script>
</head>
<body>
<div id="app">
<div class="alert warning" style="padding: 1.5em 0">
<p class="text-center">
C++ Win32 Contributor Wanted! <a href="mailto:info@tryphotino.io">info@tryphotino.io</a>
</p>
</div>
<!-- Intro -->
<section id="intro">
<img class="photino-logo bright" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICBpZD0icGhvdGluby1sb2dvIgogICAgd2lkdGg9IjQxMHB4IgogICAgaGVpZ2h0PSI3NnB4IgogICAgdmlld0JveD0iMCAwIDQxMCA3NiI+CiAgICA8c3ZnIGlkPSJwaG90aW5vLWNpcmNsZXMiPgogICAgICAgIDxjaXJjbGUgY3g9IjM4IiBjeT0iMzgiIHI9IjMzIgogICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICBmaWxsLW9wYWNpdHk9IjAiCiAgICAgICAgICAgIHN0cm9rZT0iIzFFNTA3OCIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSI4IiAvPgogICAgICAgIAogICAgICAgIDxjaXJjbGUgY3g9Ijc2IiBjeT0iMzgiIHI9IjMzIgogICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICBmaWxsLW9wYWNpdHk9IjAiCiAgICAgICAgICAgIHN0cm9rZT0iIzcyOTNhZCIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSI4IgogICAgICAgICAgICBzdHJva2UtZGFzaGFycmF5PSIxMywxMyI+CiAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPSJYTUwiCiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICBmcm9tPSIwIDc2IDM4IgogICAgICAgICAgICAgICAgdG89IjM2MCA3NiAzOCIKICAgICAgICAgICAgICAgIGR1cj0iMzBzIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L3N2Zz4KICAgIDxzdmcgaWQ9InBob3Rpbm8tdGV4dCIgeD0iMTE2IiB5PSI2IiB2aWV3Qm94PSIwIDAgNTAwIDEwMCI+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZmlsbD0iIzFFNTA3OCIKICAgICAgICAgICAgc3Ryb2tlPSIjMUU1MDc4IgogICAgICAgICAgICBzdHJva2Utd2lkdGg9IjIiCiAgICAgICAgICAgIGQ9Ik0gNjIuNCA3OS42IEwgNzEuNSA3OS42IEwgNzEuNSA0MC4yIEEgODQuNTgzIDg0LjU4MyAwIDAgMSA3My44OTkgMzcuODgzIEMgNzguMTk1IDMzLjkxNSA4MS42NSAzMS45IDg2LjQgMzEuOSBDIDkyLjQxMSAzMS45IDk1LjU2NCAzNC44OTcgOTYuNDQyIDQxLjgyMiBBIDM2LjYyOSAzNi42MjkgMCAwIDEgOTYuNyA0Ni40IEwgOTYuNyA3OS42IEwgMTA1LjggNzkuNiBMIDEwNS44IDQ1LjIgQyAxMDUuOCAzMS4zIDEwMC42IDIzLjkgODkuMiAyMy45IEEgMjIuMTc4IDIyLjE3OCAwIDAgMCA3NC44OTMgMjkuNjIyIEEgNTAuODM5IDUwLjgzOSAwIDAgMCA3MS4yIDMzIEwgNzEuNSAyMS44IEwgNzEuNSAwIEwgNjIuNCAwIEwgNjIuNCA3OS42IFogTSAyNDcgNzkuNiBMIDI1Ni4xIDc5LjYgTCAyNTYuMSA0MC4yIEEgODQuNTgzIDg0LjU4MyAwIDAgMSAyNTguNDk5IDM3Ljg4MyBDIDI2Mi43OTUgMzMuOTE1IDI2Ni4yNSAzMS45IDI3MSAzMS45IEMgMjc3LjAxMSAzMS45IDI4MC4xNjQgMzQuODk3IDI4MS4wNDIgNDEuODIyIEEgMzYuNjI5IDM2LjYyOSAwIDAgMSAyODEuMyA0Ni40IEwgMjgxLjMgNzkuNiBMIDI5MC40IDc5LjYgTCAyOTAuNCA0NS4yIEMgMjkwLjQgMzEuMyAyODUuMiAyMy45IDI3My44IDIzLjkgQSAyMi42NTQgMjIuNjU0IDAgMCAwIDI1OS4wODUgMjkuOTI5IEEgNTYuNzU3IDU2Ljc1NyAwIDAgMCAyNTUuNiAzMy4xIEwgMjU1LjMgMzMuMSBMIDI1NC41IDI1LjMgTCAyNDcgMjUuMyBMIDI0NyA3OS42IFogTSAyMDguOSA3OC45IEwgMjA3LjEgNzIuMSBBIDI0LjUwOSAyNC41MDkgMCAwIDEgMjA1LjYyNCA3Mi42MTkgQyAyMDQuMDc2IDczLjEwOSAyMDIuMzIgNzMuNSAyMDAuOSA3My41IEEgMTAuOTUzIDEwLjk1MyAwIDAgMSAxOTcuNjE4IDczLjA1NSBDIDE5NC4wOSA3MS45NDcgMTkyLjY4NCA2OC44MDcgMTkyLjUxNyA2NC4wMTQgQSAyOS4yMTMgMjkuMjEzIDAgMCAxIDE5Mi41IDYzIEwgMTkyLjUgMzIuNyBMIDIwNy4yIDMyLjcgTCAyMDcuMiAyNS4zIEwgMTkyLjUgMjUuMyBMIDE5Mi41IDEwIEwgMTg0LjkgMTAgTCAxODMuOCAyNS4zIEwgMTc1LjMgMjUuOCBMIDE3NS4zIDMyLjcgTCAxODMuNCAzMi43IEwgMTgzLjQgNjIuOCBBIDMwLjIzMyAzMC4yMzMgMCAwIDAgMTg0LjI4MyA3MC41NDMgQyAxODUuNTY1IDc1LjM0MiAxODguMzQxIDc4Ljc2OCAxOTMuMjUzIDgwLjE4MiBBIDIwLjQwOCAyMC40MDggMCAwIDAgMTk4LjkgODAuOSBDIDIwMi4wNzEgODAuOSAyMDUuNTE5IDc5Ljk3NyAyMDguNTM0IDc5LjAxNyBBIDk2LjcxMyA5Ni43MTMgMCAwIDAgMjA4LjkgNzguOSBaIE0gMCA3OS42IEwgOS4zIDc5LjYgTCA5LjMgNTAuNSBMIDIxLjQgNTAuNSBDIDM3LjUgNTAuNSA0OC40IDQzLjMgNDguNCAyNy44IEEgMjUuMjUxIDI1LjI1MSAwIDAgMCA0Ny4wMzUgMTkuMTU3IEMgNDMuNjkgOS45MzEgMzQuNDI5IDYuMzU5IDIxLjg2MiA2LjIwNSBBIDcwLjI2MiA3MC4yNjIgMCAwIDAgMjEgNi4yIEwgMCA2LjIgTCAwIDc5LjYgWiBNIDE0NC4yIDgwLjkgQyAxNTcuNSA4MC45IDE2OS40IDcwLjUgMTY5LjQgNTIuNSBBIDM0LjM1NSAzNC4zNTUgMCAwIDAgMTY3LjMzNyA0MC40MDYgQyAxNjMuMzY4IDI5LjgxIDE1NC4xNzggMjMuOSAxNDQuMiAyMy45IEMgMTMwLjkgMjMuOSAxMTkgMzQuNCAxMTkgNTIuNSBBIDMzLjk0IDMzLjk0IDAgMCAwIDEyMS4wNjUgNjQuNTI2IEMgMTI1LjAzNSA3NS4wNDggMTM0LjIyMyA4MC45IDE0NC4yIDgwLjkgWiBNIDMyOS4yIDgwLjkgQyAzNDIuNSA4MC45IDM1NC40IDcwLjUgMzU0LjQgNTIuNSBBIDM0LjM1NSAzNC4zNTUgMCAwIDAgMzUyLjMzNyA0MC40MDYgQyAzNDguMzY4IDI5LjgxIDMzOS4xNzggMjMuOSAzMjkuMiAyMy45IEMgMzE1LjkgMjMuOSAzMDQgMzQuNCAzMDQgNTIuNSBBIDMzLjk0IDMzLjk0IDAgMCAwIDMwNi4wNjUgNjQuNTI2IEMgMzEwLjAzNSA3NS4wNDggMzE5LjIyMyA4MC45IDMyOS4yIDgwLjkgWiBNIDIxOS41IDc5LjYgTCAyMjguNiA3OS42IEwgMjI4LjYgMjUuMyBMIDIxOS41IDI1LjMgTCAyMTkuNSA3OS42IFogTSAxNDQuMiA3My4zIEMgMTM0LjggNzMuMyAxMjguNSA2NSAxMjguNSA1Mi41IEEgMzAuNTcyIDMwLjU3MiAwIDAgMSAxMjkuNzU1IDQzLjUyOSBDIDEzMC43MTggNDAuMzk5IDEzMi4yMDggMzcuNzY4IDEzNC4xMjggMzUuNzc0IEEgMTMuNjQ3IDEzLjY0NyAwIDAgMSAxNDQuMiAzMS41IEMgMTUyLjczNyAzMS41IDE1OC44IDM4LjUxMSAxNTkuODQxIDQ5LjE2MiBBIDM0LjMyMSAzNC4zMjEgMCAwIDEgMTYwIDUyLjUgQyAxNjAgNTkuNiAxNTcuOTM1IDY1LjM0NSAxNTQuNDI4IDY4Ljk4NCBBIDEzLjg2NyAxMy44NjcgMCAwIDEgMTQ0LjIgNzMuMyBaIE0gMzI5LjIgNzMuMyBDIDMxOS44IDczLjMgMzEzLjUgNjUgMzEzLjUgNTIuNSBBIDMwLjU3MiAzMC41NzIgMCAwIDEgMzE0Ljc1NSA0My41MjkgQyAzMTUuNzE4IDQwLjM5OSAzMTcuMjA4IDM3Ljc2OCAzMTkuMTI4IDM1Ljc3NCBBIDEzLjY0NyAxMy42NDcgMCAwIDEgMzI5LjIgMzEuNSBDIDMzNy43MzcgMzEuNSAzNDMuOCAzOC41MTEgMzQ0Ljg0MSA0OS4xNjIgQSAzNC4zMjEgMzQuMzIxIDAgMCAxIDM0NSA1Mi41IEMgMzQ1IDU5LjYgMzQyLjkzNSA2NS4zNDUgMzM5LjQyOCA2OC45ODQgQSAxMy44NjcgMTMuODY3IDAgMCAxIDMyOS4yIDczLjMgWiBNIDkuMyA0MyBMIDkuMyAxMy44IEwgMTkuOCAxMy44IEEgNDguNjk5IDQ4LjY5OSAwIDAgMSAyNi43NDcgMTQuMjM1IEMgMzMuOTU2IDE1LjI4NCAzOC4wNDggMTguMzUxIDM4Ljk4OSAyNC43MjMgQSAyMS4wODIgMjEuMDgyIDAgMCAxIDM5LjIgMjcuOCBBIDE4LjY0NiAxOC42NDYgMCAwIDEgMzguMjE5IDM0LjE0OSBDIDM2LjI5NyAzOS40NjkgMzEuNTI1IDQyLjI2NCAyMy42ODkgNDIuODcyIEEgNDUuMTQ3IDQ1LjE0NyAwIDAgMSAyMC4yIDQzIEwgOS4zIDQzIFogTSAyMjQuMSAxNC4xIEEgNi42MTkgNi42MTkgMCAwIDAgMjI3LjIzOSAxMy4zNjQgQyAyMjkuMDcxIDEyLjM4NSAyMzAuMiAxMC40ODYgMjMwLjIgOCBBIDYuMDk4IDYuMDk4IDAgMCAwIDIyOS4zNzEgNC44MzMgQyAyMjguMzUxIDMuMTM0IDIyNi40NjMgMi4xIDIyNC4xIDIuMSBDIDIyMC41IDIuMSAyMTggNC41IDIxOCA4IEEgNi42ODkgNi42ODkgMCAwIDAgMjE4LjY0IDEwLjk1NiBDIDIxOS40NjQgMTIuNjQyIDIyMS4wMzIgMTMuNzQ0IDIyMy4wNDQgMTQuMDI4IEEgNy41NyA3LjU3IDAgMCAwIDIyNC4xIDE0LjEgWiIgLz4KICAgIDwvc3ZnPgo8L3N2Zz4=">
<div class="hero">
<h1 class="hero-title text-center">
Build native, cross-platform desktop apps<br>
that are lighter than light.
</h1>
<p class="hero-subtitle text-center">
Photino is a lightweight open-source framework for building native,<br>
cross-platform desktop applications with Web UI technology.
</p>
<div class="text-center">
<a href="#get-started" class="button primary" style="width: 175px">Get Started</a>
<a href="https://docs.tryphotino.io" class="button" style="width: 175px">Documentation</a>
</div>
</div>
<div class="cross-platform-chrome">
<div class="top">
<img src="assets/images/photino-hello-world-windows.png"
alt="Photino Hello world screen for Windows 10"
class="shadow">
<div class="fab fa-windows"></div>
</div>
<div class="right">
<img src="assets/images/photino-hello-world-linux.png"
alt="Photino Hello world screen for Linux"
class="shadow">
<div class="fab fa-linux"></div>
</div>
<div class="left">
<img src="assets/images/photino-hello-world-mac.png"
alt="Photino Hello world screen for macOS"
class="shadow">
<div class="fab fa-apple"></div>
</div>
</div>
</section>
<!-- Hightlights -->
<section id="highlights" class="bg-transparent">
<div class="grid">
<div class="grid-item text-center">
<i class="fas fa-microchip fa-3x"></i>
<h3>Native Applications</h3>
<p>Photino enables developers to use fast, natively compiled languages like C#, C++, Java and more.</p>
<p>Use your favorite development frameworks like .NET.</p>
</div>
<div class="grid-item text-center">
<i class="fas fa-plug fa-3x"></i>
<h3>Cross-Platform UI</h3>
<p>Build desktop apps with Web UI frameworks like Blazor, React, Angular, Vue, etc.!</p>
<p>Photino uses the OS’s built-in Chromium or WebKit-based browser control for Windows, macOS and Linux.</p>
</div>
<div class="grid-item text-center">
<i class="fas fa-feather-alt fa-3x"></i>
<h3>Lightweight</h3>
<p>Photino is the lightest cross-platform framework. Compared to Electron, a Photino app is far smaller!</p>
<p>And it uses far less system memory too!<br><a href="#photino-vs-electron">See comparison.</a></p>
</div>
</div>
</section>
<!-- Get Started -->
<section id="get-started" class="bg-grey">
<div>
<h2 class="text-center">Get Started with Photino for .NET</h2>
<p class="text-center">To get started, simply follow the instructions below. There are templates available for Blazor, Vue, Angular, React and gRPC starter apps. We've added some helpful comments to the sample apps to explain everything.</p>
<div id="dotnet-install-terminal" class="terminal">
<div>
<div class="comment">Install .NET templates</div>
<div class="comment">To list all available templates use <code>dotnet new -l</code></div>
<div class="command">dotnet new install TryPhotino.VSCode.Project.Templates<span class="command-newline"> \</span></div>
</div>
<div>
<div class="comment">Create a new sample app from the Photino.HelloPhotino.NET template</div>
<div class="comment">A folder will be created to match your -o parameter</div>
<div class="command"><span class="command-connector"> && </span> dotnet new photinoapp -o MyPhotinoApp<span class="command-newline"> \</span></div>
</div>
<div>
<div class="comment">Navigate into the new folder you just created</div>
<div class="command"><span class="command-connector"> && </span> cd MyPhotinoApp<span class="command-newline"> \</span></div>
</div>
<div>
<div class="comment">Run the application</div>
<div class="command"><span class="command-connector"> && </span> dotnet run</div>
</div>
<button class="copy-to-clipboard hidden"><i class="far fa-copy"></i></button>
<div>NOTE: For Windows Powershell, use semicolon (;) instead of && to connect multiple commands.</div>
</div>
<div class="h3 text-center">
Do you want to learn more?<br>
<a href="https://docs.tryphotino.io">Read the documentation</a> and <a href="https://github.com/tryphotino">visit us on Github</a>!
</div>
</div>
<div>
<div class="h3 text-center" style="margin: 2em 0;">or watch</div>
<video
class="center flexible rounded shadow"
poster="assets/images/photino-in-6-minutes-poster.png"
preload="metadata"
controls>
<source src="assets/media/photino-in-six-minutes-web.mp4"
type="video/mp4">
<source src="assets/media/photino-in-six-minutes-web.webm"
type="video/webm">
<source src="assets/media/photino-in-six-minutes-web.mkv"
type="video/x-matroska">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
<p class="text-center">
Additional videos <a href="https://www.youtube.com/playlist?list=PLFKI6yCyOMWldTi7Mq_tw5mWK1yxAI-kW">here</a>
</p>
</section>
<!-- About Photino -->
<section id="about-photino">
<div class="text-center">
<h2>About Photino</h2>
<p>Photino was inspired by Electron. It's an open-source project based on .NET. The goal of Photino is to enable developers to use Web UI (HTML, JavaScript, CSS, etc.) in native applications across platforms instead of learning platform-specific UI technologies.</p>
<p>What is a Photino, you ask? It's a hypothetical subatomic particle and fermion superpartner of the photon as predicted by supersymmetry. It's a candidate for the lightest supersymmetric particle in the universe.</p>
</div>
</section>
<!-- How does Photino work? -->
<section id="how-it-works">
<div class="text-center">
<h2>How does Photino work?</h2>
<div class="columns three">
<p>Photino is a collection of packages that can be used for different platforms and technologies. The different packages use Photino.Native as their base package. Photino.Native is a C++ (and Objective-C) wrapper around the OS’s built-in Chromium or WebKit-based browser control in it. On Windows it uses the Chromium Edge based WebView2 control, on macOS it uses Safari’s WKWebView and on Linux it uses WebKitGTK+ 2. The Photino.Native package is compiled for each platform and distributed via NuGet.</p>
<p>Using the native browser control reduces the overall footprint of a Photino application since there is no need to bundle WebKit in the application. Photino is cross-platform because the application communicates with the wrapper in exactly the same way on any OS. This means developers only need one code base for all desktop platforms.</p>
<p>While we’re concentrating on using Photino with .NET, it could be used to build Web UIs for desktop applications written in any language, like C++, Go, Rust, Java, Objective-C and others!</p>
</div>
</div>
</section>
<!-- Photino for .NET -->
<section id="photino-dotnet" class="bg-dotnet-gradient">
<div class="text-center">
<h2>Photino for .NET and Blazor</h2>
<p>Photino for .NET adds support for .NET to the Photino.Native package. With Photino for .NET you can build desktop applications with .NET backends and your Web Framework of choice. Since .NET is cross-platform it is the perfect candidate for robust and reusable code that runs everywhere.</p>
<p>Photino.Blazor builds on top of Photino for .NET and adds the ability to build your application without having to know JavaScript or TypeScript at all.</p>
<img src="assets/images/dotnet-logo.svg" alt=".NET Logo" class="inline bright">
</div>
</section>
<!-- Photino vs. Electron -->
<section id="photino-vs-electron">
<div>
<h2 class="text-center">Photino vs. Electron</h2>
<div class="grid margin-lg">
<div class="grid-item align-center">
<h3>Download size comparison</h3>
<ul>
<li>Photino does not require NodeJS for backend work.</li>
<li>Photino is smaller and more lightweight. It does not require a bundled install of the Chromium engine or NodeJS runtime.</li>
<li>If .NET is already available on the OS the size difference is huge!</li>
</ul>
</div>
<div class="grid-item">
<div id="download-size-graph" class="graph">
<div class="title">Download size (starter app)</div>
<div class="groups">
<div class="group" data-min="0" data-max="250" data-unit="MB">
<div class="strong">Windows 10</div>
<div class="bar" data-label="Electron" data-value="177"></div>
<div class="bar blue" data-label="Photino (standalone)" data-value="37.0"></div>
<div class="bar blue" data-label="Photino" data-value="16.9"></div>
</div>
<div class="group" data-min="0" data-max="250" data-unit="MB">
<div class="strong">macOS 11.2</div>
<div class="bar" data-label="Electron" data-value="182"></div>
<div class="bar blue" data-label="Photino (standalone)" data-value="22.7"></div>
<div class="bar blue" data-label="Photino" data-value="0.28"></div>
</div>
<div class="group" data-min="0" data-max="250" data-unit="MB">
<div class="strong">Ubuntu 20.04</div>
<div class="bar" data-label="Electron" data-value="194"></div>
<div class="bar blue" data-label="Photino (standalone)" data-value="21.8"></div>
<div class="bar blue" data-label="Photino" data-value="0.28"></div>
</div>
</div>
<div class="footer">(Photino for .NET 1.5.5 / Electron 12.0.0)</div>
</div>
</div>
</div>
<div class="grid margin-lg">
<div class="grid-item grid-order-xs-2">
<div id="memory-use-graph" class="graph">
<div class="title">Memory use (starter app)</div>
<div class="groups">
<div class="group" data-min="0" data-max="200" data-unit="MB">
<div class="strong">Windows 10</div>
<div class="bar" data-label="Electron" data-value="53"></div>
<div class="bar blue" data-label="Photino" data-value="68"></div>
</div>
<div class="group" data-min="0" data-max="200" data-unit="MB">
<div class="strong">macOS 11.2</div>
<div class="bar" data-label="Electron" data-value="92"></div>
<div class="bar blue" data-label="Photino" data-value="48"></div>
</div>
<div class="group" data-min="0" data-max="200" data-unit="MB">
<div class="strong">Ubuntu 20.04</div>
<div class="bar" data-label="Electron" data-value="131"></div>
<div class="bar blue" data-label="Photino" data-value="87"></div>
</div>
</div>
<div class="footer">(Photino for .NET 1.5.5 / Electron 12.0.0)</div>
</div>
</div>
<div class="grid-item grid-order-xs-1 align-center">
<h3>Memory Usage Comparison</h3>
<ul>
<li>Photino aims to use far less memory than Electron.</li>
<li>Memory use is especially low on macOS and Linux where the native browser control is far more efficient than Chromium.</li>
</ul>
</div>
</div>
<p class="text-center">While Photino brings a lot of advantages over Electron, it is still in its early development and not as feature rich as Electron. But we’re inviting the open-source community to help improve Photino! You’re welcome to join and add missing functionality that you need, fix bugs and submit pull request.</p>
</div>
</section>
<section id="whats-next" class="bg-grey">
<div>
<div class="text-center">
<h2>What’s next?</h2>
<p>We are committed to improve Photino and develop it into a fully-fledged framework.<br>Some of the items on our list are:</p>
</div>
<div class="grid">
<div class="grid-item">
<ul>
<li>Native menus</li>
<li>Application icons</li>
<li>In-app updates</li>
</ul>
</div>
<div class="grid-item">
<ul>
<li>Built-in crash reporting</li>
<li>iOS & Android Support</li>
</ul>
</div>
</div>
</div>
</section>
<section id="behind-photino">
<div class="text-center">
<h2>Who is behind Photino?</h2>
<p>
Photino is maintained by <a href="https://codemag.com/">CODE Magazine</a> with the help of the open-source community.<br>
Join the Photino community on GitHub at <a href="https://github.com/tryphotino">github.com/tryphotino</a>.
</p>
</div>
</section>
<section id="contact-us" class="bg-blue" style="padding-bottom: 2em;">
<div class="text-center">
<p>
<i class="far fa-envelope-open fa-4x"></i>
</p>
<p>
Do you have any more questions? Get in touch at <a href="mailto:info@tryphotino.io" target="_blank">info@tryphotino.io</a>
</p>
</div>
</section>
</div>
</body>
</html>