Slint Node.js Template

A template for a Node.js application that's using Slint for the user interface and Node.js for the build system.

About

This template helps you get started developing a Node.js application with Slint as toolkit for the user interface. It demonstrates the integration between the .slint UI markup and JavaScript code, how to trigger react to callbacks, get and set properties and use basic widgets.

Prerequisites

In order to use this template and build a Node.js application, you need to install a few tools:

• Node.js (v16. or newer)
• npm
• Rust compiler (1.70 or newer)

Usage

1. Download and extract the ZIP archive of this repository.
2. Rename the extracted directory and change into it:

   mv slint-nodejs-template-main my-project
   cd my-project
   

3. Install dependencies with npm

   npm install
   

4. Run the application binary

   npm start
   

We recommend using an IDE for development, along with our LSP-based IDE integration for .slint files. You can also load this project directly in Visual Studio Code and install our Slint extension.

Next Steps

We hope that this template helps you get started and you enjoy exploring making user interfaces with Slint. To learn more about the Slint APIs and the .slint markup language check out our online documentation.