slint-ui / slint-nodejs-template

A template for a Nodje.js Application using Slint. This is meant to be used with npm.
26 stars 6 forks source link

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:

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.