forked from node-red/node-red.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (203 loc) · 11.9 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
---
layout: barebones
---
<div class="title">
<div class="grid">
<div class="col-1-1">
<div class="content">
<h1>Node-RED</h1>
<h2>Low-code programming for event-driven applications</h2>
<p>Latest version: <a href="https://www.npmjs.com/package/node-red"><span class="node-red-latest-version">v3.0.2</span> (npm)</a></p>
<!-- <img src="images/node-red-title-flow.png" /> -->
</div>
</div>
</div>
</div>
<!-- Grid 1/2 -->
<div class="intro">
<div class="grid">
<div class="col-1-2">
<div class="content blurb" style="margin-top: 30px;">
<p>Node-RED is a programming tool for wiring together hardware devices, APIs and online services in new and interesting ways.</p>
<p>It provides a browser-based editor that makes it easy to wire together flows using the wide range of nodes in the palette that can be deployed to its runtime in a single-click.</p>
<p style="text-align:center">
<a class="box-link" href="#features">Features</a>
<a class="box-link" href="#get-started">Get Started</a>
<a class="box-link" href="#community">Community</a>
</p>
</div>
</div>
<div class="col-1-2">
<div class="content feature" style="margin-top: 0px;">
<iframe style="box-shadow: 10px 10px 30px #999;" width="445" height="250" src="https://www.youtube.com/embed/ksGeUD26Mw0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="features" id="features">
<div class="grid">
<div class="col-1-2">
<div class="content feature"><img src="images/nr-image-1.png" /></div>
</div>
<div class="col-1-2">
<div class="content blurb">
<h3>Browser-based flow editing</h3>
<p>Node-RED provides a browser-based flow editor that makes it easy to wire together flows using the wide range of nodes in the palette. Flows can be then deployed to the runtime in a single-click.</p>
<p>JavaScript functions can be created within the editor using a rich text editor.</p>
<p>A built-in library allows you to save useful functions, templates or flows for re-use.</p>
</div>
</div>
</div>
<div class="grid">
<div class="col-1-2">
<div class="content blurb">
<h3>Built on Node.js</h3>
<p>The light-weight runtime is built on Node.js, taking full advantage of its event-driven, non-blocking model. This makes it ideal to run at the edge of the network on low-cost hardware such as the Raspberry Pi as well as in the cloud.</p>
<p>With over 225,000 modules in Node's package repository, it is easy to extend the range of palette nodes to add new capabilities.</p>
</div>
</div>
<div class="col-1-2">
<div class="content feature"><img src="images/nr-image-2.png" /></div>
</div>
</div>
<div class="grid">
<div class="col-1-2">
<div class="content feature"><img src="images/nr-image-3.png" /></div>
</div>
<div class="col-1-2">
<div class="content blurb">
<h3>Social Development</h3>
<p>The flows created in Node-RED are stored using JSON which can be easily imported and exported for sharing with others.</p>
<p>An online flow library allows you to share your best flows with the world.</p>
</div>
</div>
</div>
</div>
<div class="platforms" id="get-started">
<div class="content">
<div class="grid">
<div class="col-1-12"> </div>
<div class="col-10-12">
<h3>Get Started</h3>
<p>Node-RED is built on Node.js, taking full advantage of its event-driven, non-blocking model. This makes it ideal to run at the edge of the network on low-cost hardware such as the Raspberry Pi as well as in the cloud.</p>
</div>
<div class="col-1-12"></div>
</div>
<div class="grid">
<div class="col-1-3 ">
<img src="images/platform-local.png">
<h4>Run locally</h4>
<ul>
<li><a href="/docs/getting-started/">Getting started</a></li>
<li><a href="/docs/platforms/docker">Docker</a></li>
</ul>
</div>
<div class="col-1-3 ">
<img src="images/platform-device.png">
<h4>On a device</h4>
<ul>
<li><a href="/docs/hardware/raspberrypi">Raspberry Pi</a></li>
<li><a href="/docs/hardware/beagleboneblack">BeagleBone Black</a></li>
<li><a href="/docs/hardware/arduino">Interacting with Arduino</a></li>
<li><a href="/docs/platforms/android">Android</a></li>
</ul>
</div>
<div class="col-1-3 ">
<img src="images/platform-cloud.png">
<h4>In the cloud</h4>
<ul>
<li><a href="/docs/platforms/bluemix">IBM Cloud</a></li>
<li><a href="/docs/platforms/aws">Amazon Web Services</a></li>
<li><a href="/docs/platforms/azure">Microsoft Azure</a></li>
<li><a href="https://flowforge.com">FlowForge</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="users" id="users">
<div class="grid">
<div class="content">
<h3>Who's using Node-RED?</h3>
<ul id="user-list">
<li><a href="https://www.ubos.tech/"><img src="users/ubos.jpg"/></a></li>
<li><a href="https://www.bitpool.com/"><img src="users/bitpool.png"/></a></li>
<li><a href="https://smartconnect.international/"><img src="users/connect.png"/></a></li>
<li><a href="https://www.umh.app/"><img src="users/united-manufacturing-hub.png"/></a></li>
<li><a href="https://www.simocowirelesssolutions.com/products/velocity/"/><img src="users/simoco.jpg"/></a></li>
<li><a href="https://www.cosmonautasoftware.com/en-us/cosmo-psim-software-platform"/><img src="users/cosmo.png"/></a></li>
<li><a href="https://www.42flows.tech"/><img src="users/42flows.jpeg"/></a></li>
<li><a href="https://www.broadsens.com/wireless-gateway/"><img src="users/broadsens.png"/></a></li>
<li><a href="http://chatbots.studio/"><img src="users/chatbots-studio.png"/></a></li>
<li><a href="https://www.plathome.co.jp/product/fw4/"><img src="users/plathome.png"/></a></li>
<li><a href="https://www.a4bee.com/"><img src="users/a4bee.png"/></a></li>
<li><a href="https://litmus.io/"><img src="users/litmus.png"/></a></li>
<li><a href="https://kontron-ais.com/en/"><img src="users/kontron.png"/></a></li>
<li><a href="https://tulip.co/"><img src="users/tulip.png"/></a></li>
<li><a href="https://www.cgignite.com"><img src="users/cgignite.png"/></a></li>
<li><a href="https://www.prescientdevices.com/"><img src="users/pdi-logo.png"/></a></li>
<li><a href="https://handy.ai/"><img src="users/handyai.svg"/></a></li>
<li><a href="https://simplehw.eu/"><img src="users/simplehw.png"/></a></li>
<li><a href="https://openiap.io/"><img src="users/openiap.png"/></a></li>
<li><a href="https://smartlight.co.jp/node-red-lighting-iot/"><img src="users/smartlight.png"/></a></li>
<li><a href="https://www.hitachi.co.jp/products/it/oss/"><img src="users/hitachi.png"/></a></li>
<li><a href="https://www.dialog-semiconductor.com/"><img src="users/dialog.png"/></a></li>
<li><a href="https://zenzium.com"><img src="users/zenzium.jpg"/></a></li>
<li><a href="https://www.vigilent.com"><img src="users/vigilent.png"/></a></li>
<li><a href="https://entelligently.com"><img src="users/entelligently.png"/></a></li>
<li><a href="https://st-one.io/"><img src="users/st-one.png"/></a></li>
<li><a href="https://www.aiomeet.com/"><img src="users/aiomeet.png"/></a></li>
<li><a href="https://www.thingtrack.com/"><img src="users/thingtrack.png"/></a></li>
<li><a href="https://www.enebular.com/"><img src="users/enebular.svg"/></a></li>
<li><a href="https://www.victronenergy.com/live/venus-os:large"><img src="users/victron.png"/></a></li>
<li><a href="https://www.yellaumbrella.tv/"><img src="users/yellaUmbrella.svg"/></a></li>
<li><a href="https://www.veritone.com/"><img src="users/veritone.png"/></a></li>
<li><a href="https://www.flowake.com/"><img src="users/flowake.png"/></a></li>
<li><a href="https://sensetecnic.com/"><img src="users/sensetecnic.png"/></a></li>
<li><a href="https://agilite.io/"><img src="users/agilit-e.png"/></a></li>
<li><a href="http://dingo-iot.io/"><img src="users/go-iot.png"/></a></li>
<li><a href="https://www.spiritai.com/"><img src="users/spiritai.png"/></a></li>
<li><a href="https://www.multitech.com/"><img src="users/multitech.png"/></a></li>
<li><a href="https://www.opto22.com/"><img src="users/opto22.png"/></a></li>
<li><a href="https://www.iaconnects.co.uk/"><img src="users/iaconnects.png"/></a></li>
<li><a href="https://www.flowforge.com/"><img src="users/flowforge.png"/></a></li>
</ul>
<p style="text-align:center;"><a href="/about/community/">Want to feature here? Let us know!</a></p>
<p style="text-align:center; font-size: 0.6em; max-width: 420px; line-height: 1.2em; margin: auto; ">All logos used with permission. These links do not constitute an endorsement or approval by the Node-RED project of any of the products, services or opinions of the companies listed.</p>
</div>
</div>
</div>
<div class="community content" id="community">
<div class="grid">
<div class="col-1-2">
<div class="social">
<h3>Community <a class="box-link" href="/about/community/">more</a></h3>
<ul>
<li><a class="box-link" href="https://discourse.nodered.org"><i class="fa fa-commenting-o fa-3x"></i><br/>Forum</a></li>
<li><a class="box-link" href="/slack"><i class="fa fa-slack fa-3x"></i><br/>Slack team</a></li>
<li><a class="box-link" href="https://stackoverflow.com/questions/tagged/node-red"><i class="fa fa-stack-overflow fa-3x"></i><br/>Stack Overflow</a></li>
<li><a class="box-link" href="https://github.com/node-red"><i class="fa fa-github fa-3x"></i><br/>GitHub</a></li>
</ul>
</div>
</div>
<div class="col-1-2">
<div class="blog">
<h3>On the blog <a class="box-link" href="/blog/">more</a></h3>
<ul>
{% for post in site.posts limit:5 %}<li><a class="box-link" href="{{ post.url }}">{{ post.title }}<span class="date">{{ post.date | date_to_string }}</span></a></li>{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<script>
$(function() {
var list = $("#user-list");
var items = list.children();
items.sort(function() {
return 0.5 - Math.random();
});
list.empty();
items.appendTo(list);
})
</script>