<div align="center"> <img src="./README/imgs/genui.png" height="100px" width="auto" /> <h1 style="color: #FF7053;">GenUI</h1> <strong> An innovative SFP Rust front-end framework </strong> <hr /> <div> <a href="https://blog.rust-lang.org/2024/10/17/Rust-1.82.0.html"> <img src="https://img.shields.io/badge/rustc-1.82.0%2B-orange?style=flat-square&logo=rust&logoColor=%23fff&labelColor=%23DEA584&color=%23DEA584"> </a> <a href="https://blog.rust-lang.org/2024/10/17/Rust-1.82.0.html"> <img src="https://img.shields.io/badge/edtion-2021-orange?style=flat-square&logo=rust&logoColor=%23fff&labelColor=%23DEA584&color=%23DEA584"> </a> <a href="./LICENSE"> <img src="https://img.shields.io/badge/License-MIT-orange?style=flat-square&logoColor=%23fff&labelColor=%2323B898&color=%2323B898"> </a> <a href="https://privoce.github.io/GenUI.github.io"> <img src="https://img.shields.io/badge/doc-github-orange?style=flat-square&labelColor=%23393B47&color=%23393B47"> </a> </div> </div>

Introduction

GenUI is an innovative SFP front-end framework developed in the Rust language, was originally inspired by Vue3 and Makepad. Intended to help users write front-end projects using Rust more efficiently.

[!IMPORTANT]

The stable branch is main

The current work branch is dev_${version}

How to learn

You can read GenUI Book to learn

If you have any questions or need further assistance, please feel free to consult the relevant documentation or contact us

RoadMap

Features

[x] Book for GenUI
[x] the entire set of GenUI and other syntax design
[x] the underlying Makepad encoding conversion and compiler
[x] dynamic script embedding (plug-in capability)
[x] Rust script processing:
- [x] two-way binding
- [x] component events
- [x] component import
- [x] component definition
- [x] prop definition
- [x] event definition
- [x] network (http)
- [x] lifecycle
  - [x] before_mount
  - [x] mounted
  - [x] before_update
  - [x] updated
- [x] computed
[x] Integrate Basic GenUI Builtin Components
[x] Ract Cli support
[x] Built-in syntax sugar
- [x] for
- [x] if_else_if_else
[ ] Integrate all Builtin Components (70%)
[x] Optimize static compilation
[ ] Powerful Scss like <style>
[x] Self-Close component tag
[x] Powerful Bind
[ ] VSCode Plugin
[ ] Remote Services

Releases

Collaboration and Feedback

[!IMPORTANT] GenUI is currently in the early stages of development, with many features still being planned and implemented. We welcome community feedback and collaboration! If you have any suggestions for the framework, need to report an issue, or would like to add features, please contact us through the following channels:

GitHub: https://github.com/Privoce/GenUI
Discord: https://discord.gg/jVEJDhE75Y
Email: syf20020816@outlook.com
Collaboration Email: han@privoce.com

Thank you for your support, and we look forward to building a better GenUI with you!

GenUI

Install / Use