# \[ANNOUNCE\] Pekfinger-RED (Svelte-based web-framework for Node-RED)

**URL:** <https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570>\
**Category:** Share Your Nodes\
**Created:** [3 March 2020 16:08 UTC](https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570 "2020-03-03T16:08:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![2WeltenChris](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/2weltenchris/32/12292_2.png) [@2WeltenChris](https://discourse.nodered.org/u/2WeltenChris)\
**Post date:** [3 March 2020 16:08 UTC](https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570/1 "2020-03-03T16:08:55Z")

</div>

Hi all,

we developed a small web-framework which is basically [Svelte](https://svelte.dev/) for Node-RED: Pekfinger-RED.

**It is still under heavy development, but should be usable already. Anyway: Of course you shouldn't use it in production right now. But feel free to try it. And any feedback that helps us improving it is very welcome!**

BTW: This is neither meant as a replacement for `node-red-dashboard` nor for `node-red-contrib-uibuilder`. Instead it follows a different approach: You can define web-pages and actions to interact with the client. And all (server-side) interaction is defined through flows. And the best: The resulting App is a Progressive Web App (PWA) by default. 🙂

Take a look at it's [NPM-Page](https://www.npmjs.com/package/pekfinger-red) to get a better impression.

I hope you like it!

Cheers  
Chris

PS: It was freshly published to NPM. So it might take some time to show up in Node-RED's flow library.

---

<div class="post-metadata">

**Author:** ![krambriw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/krambriw/32/5429_2.png) [@krambriw](https://discourse.nodered.org/u/krambriw)\
**Post date:** [3 March 2020 17:15 UTC](https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570/2 "2020-03-03T17:15:30Z")

</div>

Sample screenshots???

---

<div class="post-metadata">

**Author:** ![2WeltenChris](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/2weltenchris/32/12292_2.png) [@2WeltenChris](https://discourse.nodered.org/u/2WeltenChris)\
**Post date:** [4 March 2020 09:00 UTC](https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570/3 "2020-03-04T09:00:49Z")

</div>

You find screenshots and description on its [NPM-page](https://www.npmjs.com/package/pekfinger-red) respectively on the [Gitlab-page](https://gitlab.com/2WeltenChris/pekfinger-red).

Anyway, find a sneak preview here:

 ![Sample flow](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/2/52ede0c8f8aa4a224c0ef7a1967a70f4eac921c9.png)

 ![web node](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/3/a35458085d8e9ba71660907e92ecc8b48781d578.png)

BTW: Screenshots of apps (in case you meant that) are not that relevant as the rendered content is totally up to you. That's also why I said, that it is no replacement for `node-red-dashboard`. Anyway, I added screenshots of a _very, very basic_ app to the [documentation](https://gitlab.com/2WeltenChris/pekfinger-red).

So with that little code and the sample app layout...

![Sample App Code](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/b/7b28bf251c15679975186d0be2ff75523817a37e.png)

... you get an app with a simple menu out of the box:

![Sample App Code](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/c/7c775792600ea4a71f92f3b2c8092f29de5a0106.png)

![Sample App Code](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/6/06759de058be91d7284ddaa2f6865abe453701ba.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [2 May 2020 16:09 UTC](https://discourse.nodered.org/t/announce-pekfinger-red-svelte-based-web-framework-for-node-red/22570/4 "2020-05-02T16:09:07Z")

</div>

This topic was automatically closed after 60 days. New replies are no longer allowed.