https://github.com/slint-ui/material-nodejs-template
https://github.com/slint-ui/material-nodejs-template
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/slint-ui/material-nodejs-template
- Owner: slint-ui
- Created: 2025-06-27T15:03:54.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-06-30T14:02:46.000Z (7 months ago)
- Last Synced: 2025-07-14T03:04:06.414Z (6 months ago)
- Language: Slint
- Size: 275 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Material Components for Slint Node.js Template
A template for a Node.js Application using Slint with [material components](https://github.com/slint-ui/slint/tree/master/ui-libraries/material). Based on the material gallery.
## About
This template helps you get started developing a JavaScript application with Slint as a toolkit
for the user interface and the material component set. It demonstrates the integration between the `.slint`
UI markup and JavaScript code, how to react to callbacks, get and set properties, and use of all available
material components for Slint.
## Usage
We recommend using an IDE for development, along with our [LSP-based IDE integration for `.slint` files](https://github.com/slint-ui/slint/blob/master/tools/lsp/README.md). You can also load this project directly in [Visual Studio Code](https://code.visualstudio.com) and install our [Slint extension](https://marketplace.visualstudio.com/items?itemName=Slint.slint).
1. Install [Node.js](https://nodejs.org/download/release/) and [npm](https://www.npmjs.com/).
2. Download and extract the [ZIP archive of this repository](https://github.com/slint-ui/material-nodejs-template/archive/refs/heads/master.zip).
3. Rename the extracted directory and change into it:
```sh
mv material-nodejs-template-master my-project
cd my-project
```
## Run your application on desktop
1. Install dependencies:
```sh
npm install
```
2. Run the application:
```sh
npm start
```
## Next Steps
We hope that this template helps you get started, and that 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](https://slint.dev/docs). Check out
also the [material components documentation](https://material.slint.dev/overview/)
Don't forget to replace the contents of this readme with your own project details. As well as dit the `name =` field in `package.json` to match the name of your
project.