cssgrid
fidget
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
cssgrid
-
So you want to write a GUI framework (2021)
( https://github.com/elcritch/cssgrid )
However, text input is hard and tedious! Then you ideally would need to handle the different keybindings for each OS. You also loose any plugins the OS'es provide. Not to mention the lack of accessibility.
I recall reading that browsers shim out to native OS text fields and wonder how that's done. It really seems like the best approach for small GUI libraries to enabled first class text input.
-
Declarative User Interfaces with constraints-based layout engine for Python
https://github.com/elcritch/cssgrid/blob/main/tests/tlayout....
Super easy to let autoflow pack around your main items which is great for UIs:
fidget
-
So you want to write a GUI framework (2021)
For me it was the text issues that dulled my desire to keep working it. I was updating a Nim based immediate mode GUI called Fidget (https://github.com/treeform/fidget) and fixed a number of issues. It was fun getting 9-patch rectangles with corners working, etc.
I even implemented a fair subset of CSS grid:
parseGridTemplateRows gt, ["row1-start"] 25'pp \
-
Making Figma better for developers with Dev Mode
From the Nim programming language commnity, this project is this feature: https://github.com/treeform/fidget
- Fidget ā Figma based UI library for Nim, with HTML and OpenGL back ends
- Fidget ā A UI library for Nim based on minimal primitives found in Figma
-
Opinion: for web design, we need to move on from HTML
Here is one project Iām keeping an eye on: https://github.com/treeform/fidget
-
Figmachine (Figma to React) ā Convert Figma designs to React code
I'm wondering why these figma to code frameworks don't just use figma primitives to draw the UI itself. The best example I've seen of this is Fidget, where all the UI primitives are exactly the same as in Figma. https://github.com/treeform/fidget
What are some alternatives?
traitsui - TraitsUI: Traits-capable windowing framework
sciter - Sciter: the Embeddable HTML/CSS/JS engine for modern UI development
pyrract - A React-esque library for Python
Yue - A library for creating native cross-platform GUI apps
enaml-web - Build interactive websites with enaml
serenity - The Serenity Operating System š
penpot - Penpot: The open-source design tool for design and code collaboration
kiwi-java - A Java port of the Kiwi C++ implementation of the Cassowary constraint solving algorithm
kiwi - Constraint solving library