An open API service indexing awesome lists of open source software.

https://github.com/clement-berard/node-red-dxp

Empower developers with a fast, all-in-one toolkit for building, styling, and documenting custom Node-RED nodes effortlessly.
https://github.com/clement-berard/node-red-dxp

developer-experience esbuild node-red node-red-contrib node-red-dxp node-red-flow

Last synced: 4 days ago
JSON representation

Empower developers with a fast, all-in-one toolkit for building, styling, and documenting custom Node-RED nodes effortlessly.

Awesome Lists containing this project

README

          

# Node-Red Developer eXPerience (node-red-dxp)

Effortless Node Creation for Node-RED, really fast and easy.

Build faster with modern tools and seamless workflows 🚀

Welcome to **node-red-dxp**, a comprehensive library designed to simplify and accelerate the development of custom nodes for Node-RED. 🚀

With **node-red-dxp**, you get everything you need to build, style, and document your nodes—all in one package!

[Explore the docs »](https://clement-berard.github.io/node-red-dxp/)




Node-RED logo
TypeScript logo
esbuild logo
Tailwind CSS logo
Sass logo

## ✨ Key Features

- **⚡ Powerful and fast Builder**:
- Leverages **esbuild** for lightning-fast JavaScript builds (controller & editor).
- Supports SCSS styles for polished, modern editor UIs.
- Automatically render Markdown documentation into Node-RED compatible HTML.

- **🎨 Effortless Styling**:
- Built-in support for **Tailwind CSS**.
- Includes clean, minimal CSS styles tailored for Node-RED.
- Fully customizable SCSS for editor components.

- **🛠️ Development Helpers**:
- Utility functions to streamline building custom node editors.
- Hassle-free configuration for common Node-RED workflows.

## 🚀 Why Choose node-red-dxp?

- **Blazing Speed**: Thanks to **esbuild**, both builds and watches are ultra-fast, letting you focus on development, not waiting.
- **All-in-One Toolkit**: No need to juggle multiple tools—**node-red-dxp** handles everything from JavaScript bundling to CSS and Markdown processing.
- **Developer-Centric**: Designed with developer experience (DX) at its core, making custom node creation as seamless as possible.

## 💪 Who’s Building with Node-RED DXP?

- [node-red-contrib-ultimate-toolkit](https://www.npmjs.com/package/@keload/node-red-contrib-ultimate-toolkit)️
- [node-red-contrib-js-philips-tv-control](https://www.npmjs.com/package/@keload/node-red-contrib-js-philips-tv-control)
- [node-red-contrib-happy-http-client](https://www.npmjs.com/package/@keload/node-red-contrib-happy-http-client)
- [node-red-contrib-better-webdav](https://www.npmjs.com/package/@keload/node-red-contrib-better-webdav) 🏗️

## License

MIT