heziode/slint-nodejs-template

A template for a Nodje.js Application using Slint. This is meant to be used with npm.

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:

• Rust compiler (1.70 or newer)

If you use Node.js:

• Node.js (v16. or newer)
• npm

If you use Deno:

• Deno

Usage

Using Node.js

1. Clone or download this repository

   git clone https://github.com/slint-ui/slint-nodejs-template my-project
   cd my-project
   

2. Install dependencies with npm

   npm install
   

3. Run the application binary

   npm start
   

Using Deno

1. Clone or download this repository

   git clone https://github.com/slint-ui/slint-nodejs-template my-project
   cd my-project
   

2. Run the application binary

   deno run --allow-read --allow-ffi src/main.js
   

Additional information

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.