[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-5387":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":16,"starSnapshotCount":16,"syncStatus":46,"lastSyncTime":47,"discoverSource":48},5387,"slint","slint-ui\u002Fslint","slint-ui","Slint is an open-source declarative GUI toolkit to build native user interfaces for Rust, C++, JavaScript, or Python apps.","https:\u002F\u002Fslint.dev",null,"Rust",22869,903,118,753,0,9,81,301,48,116.87,"Other",false,"master",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"cpp","declarative-ui","desktop","embedded-devices","gui","javascript","language","lsp-server","native","rust","rust-lang","toolkit","ui","user-interface","wasm","webassembly","widgets","2026-06-12 04:00:25","\n![Slint](.\u002Flogo\u002Fslint-logo-full-light.svg#gh-light-mode-only) ![Slint](.\u002Flogo\u002Fslint-logo-full-dark.svg#gh-dark-mode-only)\n\n[![Build Status](https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint\u002Fworkflows\u002FCI\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint\u002Factions)\n[![REUSE status](https:\u002F\u002Fapi.reuse.software\u002Fbadge\u002Fgithub.com\u002Fslint-ui\u002Fslint)](https:\u002F\u002Fapi.reuse.software\u002Finfo\u002Fgithub.com\u002Fslint-ui\u002Fslint)\n[![Discussions](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fdiscussions\u002Fslint-ui\u002Fslint)](https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint\u002Fdiscussions)\n\n**Slint** is an open-source declarative GUI toolkit for building native user interfaces for embedded systems, desktops, and mobile platforms.\n\nWrite your UI once in `.slint`, a simple markup language. Connect it to business logic written in Rust, C++, JavaScript, or Python.\n\n## Why Slint?\n\nThe name *Slint* is derived from our design goals:\n\n- **Scalable**: Slint should support responsive UI design, allow cross-platform\n    usage across operating systems and processor architectures and support\n    multiple programming languages.\n- **Lightweight**: Slint should require minimal resources, in terms of memory\n    and processing power, and yet deliver a smooth, smartphone-like user\n    experience on any device.\n- **Intuitive**: Designers and developers should feel productive while enjoying\n    the GUI design and development process. The design creation tools should be\n    intuitive to use for the designers. Similarly for the developers, the APIs\n    should be consistent and easy to use, no matter which programming language\n    they choose.\n- **Native**: GUI built with Slint should match the end users' expectations of a\n    native application irrespective of the platform - desktop, mobile, web or\n    embedded system. The UI design should be compiled to machine code and provide\n    flexibility that only a native application can offer: Access full operating\n    system APIs, utilize all CPU and GPU cores, connect to any peripheral.\n\nBeyond the design goals, here’s what makes Slint stand out:\n\n- **Independent UI Design**: Use a declarative language similar to separate your UI from business logic. Designers can work in parallel with developers.\n- **Tooling**: Iterate quickly with our Live Preview & editor integrations. Integrate from Figma with the [Figma to Slint plugin](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1474418299182276871\u002Ffigma-to-slint).\n- **Stable APIs**: Slint follows a stable 1.x API. We evolve carefully without breaking your code.\n\nSee what others have built: [#MadeWithSlint](https:\u002F\u002Fmadewithslint.com)\n\n## Examples\n\n### Embedded\n\n| RaspberryPi                          | STM32                         | RP2040                         |\n| ------------------------------------ | ----------------------------- | ------------------------------ |\n| [Video of Slint on Raspberry Pi][#1] | [Video of Slint on STM32][#2] | [Video of Slint on RP2040][#3] |\n\n### Desktop\n\n| Windows                                     | macOS                                     | Linux                                     |\n| ------------------------------------------- | ----------------------------------------- | ----------------------------------------- |\n| ![Screenshot of the Gallery on Windows][#4] | ![Screenshot of the Gallery on macOS][#5] | ![Screenshot of the Gallery on Linux][#6] |\n\n### Web using WebAssembly\n\n| Printer Demo                                | Slide Puzzle                                 | Energy Monitor                                       | Widget Gallery                                | Weather demo                                  |\n| ------------------------------------------- | -------------------------------------------- | ---------------------------------------------------- | --------------------------------------------- | --------------------------------------------- |\n| [![Screenshot of the Printer Demo][#7]][#8] | [![Screenshot of the Slide Puzzle][#9]][#10] | [![Screenshot of the Energy Monitor Demo][#11]][#12] | [![Screenshot of the Gallery Demo][#13]][#14] | [![Screenshot of the weather Demo][#29]][#30] |\n\nMore examples and demos in the [examples folder](examples#examples)\n\n## Get Started\n\n### Hello World\n\nThe UI is defined in a Domain Specific Language that is declarative, easy to use,\nintuitive, and provides a powerful way to describe graphical elements, their\nplacement, their hierarchy, property bindings, and the flow of data through the\ndifferent states.\n\nHere's the obligatory \"Hello World\":\n\n```slint\nexport component HelloWorld inherits Window {\n    width: 400px;\n    height: 400px;\n\n    Text {\n       y: parent.width \u002F 2;\n       x: parent.x + 200px;\n       text: \"Hello, world\";\n       color: blue;\n    }\n}\n```\n\n### Documentation\n\nFor more details, check out the [Slint Language Documentation](https:\u002F\u002Fslint.dev\u002Fdocs\u002Fslint).\n\nThe [examples](examples) folder contains examples and demos, showing how to\nuse the Slint markup language and how to interact with a Slint user interface\nfrom supported programming languages.\n\nThe `docs` folder contains a lot more information, including\n[build instructions](docs\u002Fbuilding.md), and\n[internal developer docs](docs\u002Fdevelopment.md).\n\nRefer to the README of each language directory in the `api` folder:\n\n- [C++](api\u002Fcpp) ([Documentation][#15] | [Getting Started Template][#17])\n- [Rust](api\u002Frs\u002Fslint) [![Crates.io][#18]][#19] ([Documentation][#20] | [Tutorial Video][#22] | [Getting Started Template][#23])\n- [JavaScript\u002FNodeJS (Beta)](api\u002Fnode) [![npm][#24]][#25] ([Documentation][#26] | [Getting Started Template][#28])\n- [Python (Beta)](api\u002Fpython\u002Fslint) [![pypi][#31]][#32] ([Documentation][#33] | [Getting Started Template][#34])\n\n## Architecture\n\nAn application is composed of the business logic written in Rust, C++, or\nJavaScript and the `.slint` user interface design markup, which is compiled to\nnative code.\n\n![Architecture Overview](https:\u002F\u002Fslint.dev\u002Fresources\u002Farchitecture.drawio.svg)\n\n### Compiler\n\nThe `.slint` files are compiled ahead of time. The expressions in the `.slint`\nare pure functions that the compiler can optimize. For example, the compiler\ncould choose to \"inline\" properties and remove those that are constant or\nunchanged.\n\nThe compiler uses the typical compiler phases of lexing, parsing, optimization,\nand finally code generation. It provides different back-ends for code generation\nin the target language. The C++ code generator produces a C++ header file, the\nRust generator produces Rust code, and so on. An interpreter for dynamic\nlanguages is also included.\n\n### Runtime\n\nThe runtime library consists of an engine that supports properties declared in\nthe `.slint` language. Components with their elements, items, and properties are\nlaid out in a single memory region, to reduce memory allocations.\n\nRendering backends and styles are configurable at compile time:\n\n- The `femtovg` renderer uses OpenGL ES 2.0 for rendering.\n- The `skia` renderer uses [Skia](https:\u002F\u002Fskia.org) for rendering.\n- The `software` renderer uses the CPU with no additional dependencies.\n\nNOTE: When Qt is installed on the system, the `qt` style becomes available,\nusing Qt's QStyle to achieve native looking widgets.\n\n### Tooling\n\nWe have a few tools to help with the development of .slint files:\n\n- A [**LSP Server**](.\u002Ftools\u002Flsp) that adds features like auto-complete and live\n  preview of the .slint files to many editors.\n- It is bundled in a [**Visual Studio Code Extension**](.\u002Feditors\u002Fvscode)\n  available from the market place.\n- A [**slint-viewer**](.\u002Ftools\u002Fviewer) tool which displays the .slint files. The\n  `--auto-reload` argument makes it easy to preview your UI while you are\n  working on it (when using the LSP preview is not possible).\n- [**SlintPad**](https:\u002F\u002Fslintpad.com\u002F), an online editor to try out .slint syntax\n  without installing anything ([sources](.\u002Ftools\u002Fslintpad)).\n- A [**Figma to Slint**](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1474418299182276871\u002Ffigma-to-slint) plugin.\n\nPlease check our [Editors README](.\u002Feditors\u002FREADME.md) for tips on how to\nconfigure your favorite editor to work well with Slint.\n\n## License\n\nYou can use Slint under ***any*** of the following licenses, at your choice:\n\n1. Build proprietary desktop, mobile, or web applications for free with the [Royalty-free License](LICENSES\u002FLicenseRef-Slint-Royalty-free-2.0.md),\n2. Build open source embedded, desktop, mobile, or web applications for free with the [GNU GPLv3](LICENSES\u002FGPL-3.0-only.txt),\n3. Build proprietary embedded, desktop, mobile, or web applications with the [Paid license](LICENSES\u002FLicenseRef-Slint-Software-3.0.md).\n\nSee the [Slint licensing options on the website](https:\u002F\u002Fslint.dev\u002Fpricing.html) and the [Licensing FAQ](FAQ.md#licensing).\n\n## Contributions\n\nWe welcome your contributions: in the form of code, bug reports or feedback.\nFor contribution guidelines see [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## Frequently Asked Questions\n\nPlease see our separate [FAQ](FAQ.md).\n\n## About us (SixtyFPS GmbH)\n\nWe are passionate about software - API design, cross-platform software\ndevelopment and user interface components. Our aim is to make developing user\ninterfaces fun for everyone: from Python, JavaScript, C++, or Rust developers all the\nway to UI\u002FUX designers. We believe that software grows organically and keeping\nit open source is the best way to sustain that growth. Our team members are\nlocated remotely in Germany, Finland, and US.\n\n### Stay up to date\n\n- Follow [@slint_ui](https:\u002F\u002Ftwitter.com\u002Fslint_ui) on X\u002FTwitter.\n- Follow [@slint@fosstodon.org](https:\u002F\u002Fmastodon.social\u002F@slint@fosstodon.org) on Mastodon.\n- Follow [@slint-ui](https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fslint-ui\u002F) on LinkedIn.\n- Follow [@slint.dev](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fslint.dev) on Bluesky\n- Subscribe to our [YouTube channel](https:\u002F\u002Fwww.youtube.com\u002F@Slint-UI)\n\n### Contact us\n\nFeel free to join [Github discussions](https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint\u002Fdiscussions)\nfor general chat or questions. Use [Github issues](https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint\u002Fissues)\nto report public suggestions or bugs.\n\nWe chat in [our Mattermost instance](https:\u002F\u002Fchat.slint.dev) where you are\nwelcome to listen in or ask your questions.\n\nYou can of course also contact us privately via email to [info@slint.dev](mailto:\u002F\u002Finfo@slint.dev).\n\n[#1]: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=_BDbNHrjK7g\n[#2]: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=NNNOJJsOAis\n[#3]: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=dkBwNocItGs\n[#4]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fgallery_win_screenshot.png \"Gallery\"\n[#5]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fgallery_mac_screenshot.png \"Gallery\"\n[#6]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fgallery_linux_screenshot.png \"Gallery\"\n[#7]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fprinterdemo_screenshot.png \"Printer Demo\"\n[#8]: https:\u002F\u002Fslint.dev\u002Fdemos\u002Fprinterdemo\u002F\n[#9]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fpuzzle_screenshot.png \"Slide Puzzle\"\n[#10]: https:\u002F\u002Fslint.dev\u002Fdemos\u002Fslide_puzzle\u002F\n[#11]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fenergy-monitor-screenshot.png \"Energy Monitor Demo\"\n[#12]: https:\u002F\u002Fslint.dev\u002Fdemos\u002Fenergy-monitor\u002F\n[#13]: https:\u002F\u002Fslint.dev\u002Fresources\u002Fgallery_screenshot.png \"Gallery Demo\"\n[#14]: https:\u002F\u002Fslint.dev\u002Fdemos\u002Fgallery\u002F\n[#15]: https:\u002F\u002Fslint.dev\u002Flatest\u002Fdocs\u002Fcpp\n[#17]: https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint-cpp-template\n[#18]: https:\u002F\u002Fimg.shields.io\u002Fcrates\u002Fv\u002Fslint\n[#19]: https:\u002F\u002Fcrates.io\u002Fcrates\u002Fslint\n[#20]: https:\u002F\u002Fslint.dev\u002Flatest\u002Fdocs\u002Frust\u002Fslint\u002F\n[#22]: https:\u002F\u002Fyoutu.be\u002FWBcv4V-whHk\n[#23]: https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint-rust-template\n[#24]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fslint-ui\n[#25]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fslint-ui\n[#26]: https:\u002F\u002Fslint.dev\u002Flatest\u002Fdocs\u002Fnode\n[#28]: https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint-nodejs-template\n[#29]: .\u002Fdemos\u002Fweather-demo\u002Fdocs\u002Fimg\u002Fdesktop-preview.png \"Weather Demo\"\n[#30]: https:\u002F\u002Fslint.dev\u002Fdemos\u002Fweather-demo\u002F\n[#31]: https:\u002F\u002Fimg.shields.io\u002Fpypi\u002Fv\u002Fslint\n[#32]: https:\u002F\u002Fpypi.org\u002Fproject\u002Fslint\u002F\n[#33]: http:\u002F\u002Fsnapshots.slint.dev\u002Fmaster\u002Fdocs\u002Fpython\u002F\n[#34]: https:\u002F\u002Fgithub.com\u002Fslint-ui\u002Fslint-python-template\n","Slint 是一个开源的声明式 GUI 工具包，用于为 Rust、C++、JavaScript 或 Python 应用程序构建原生用户界面。它支持响应式 UI 设计，并能在不同操作系统和处理器架构上跨平台使用，同时支持多种编程语言。Slint 的设计目标是轻量级、直观且原生，能够以最小资源消耗提供流畅的用户体验。此外，Slint 提供独立的 UI 设计与业务逻辑分离，以及快速迭代的工具支持如实时预览和编辑器集成。适用于嵌入式系统、桌面应用及移动平台的用户界面开发场景。",2,"2026-06-11 03:03:00","top_language"]