With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 6 TypeScript visual-programming Projects
-
Rete.js
Rete.js is a framework for creating visual interfaces and workflows. It provides out-of-the-box solutions for visualization using various libraries and frameworks, as well as solutions for processing graphs based on dataflow and control flow approaches.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
flyde
🌟 Open-source, visual programming for developers. Includes a VS Code extension, integrates with existing TypeScript code, browser and Node.js.
-
nodium
Nodium is an easy-to-use data analysis and automation platform using Rust with a visual node-based interface. It includes a plugin browser for downloading extensions, making it versatile for a wide range of data manipulation tasks. No coding experience required.
Project mention: Show HN: New visual language for teaching kids to code | news.ycombinator.com | 2023-11-21Aren't there quite a few of these? Scratch or its cousin Snap (https://snap.berkeley.edu/snap/snap.html), or even a visual flow editor for React (https://app.flowhub.io/#project/c111454c9fd2f74d37d1e8a4e739...) or the similar https://retejs.org/
Project mention: Unit – Next Generation Visual Programming System | news.ycombinator.com | 2023-12-20
Project mention: Show HN: Checkers Twist – The game Checkers/Draughts/Dames on an irregular grid | news.ycombinator.com | 2024-05-03- some corners will connect less than 4 tiles. This does the opposite of the previous point, as this removes diagonals. This limits your moves in a specific direction, but can also protect you from your opponents. It's the kind of features that can be used both as a defense and as attack.
And the boards are procedurally generated, so you can play unique games each time (or you can re-use the same boards if you like). It is done with my engine Polygonjs ( https://polygonjs.com/ ), and if you're curious about how the grid is built, here is an example scene you can play with: https://polygonjs.com/gui/irregular_quad_relaxation/edit .
The game is not free on Steam/iOS, but the demo has no time limit, it just gives you a handful of boards to play with.
I hope that's fun!
- Trailer: https://www.youtube.com/watch?v=GAfUvwuLueI
Project mention: Code generation: transform JavaScript into visual programming language and back | news.ycombinator.com | 2023-06-27
TypeScript visual-programming related posts
-
Rete.js 2 stable is now available
-
Create visual programming interfaces using Svelte and Rete.js
-
react-diagrams VS rete - a user suggested alternative
2 projects | 9 Jun 2023 -
Angular 16 is already supported in Rete.js 🎉
-
Choosing graph editor
-
Rete.js – JavaScript framework for visual programming
-
The JavaScript framework for visual programming
-
A note from our sponsor - SurveyJS
surveyjs.io | 10 May 2024
Index
What are some of the best open-source visual-programming projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Rete.js | 9,647 |
2 | unit | 2,563 |
3 | flyde | 1,790 |
4 | polygonjs | 549 |
5 | rete-studio | 92 |
6 | nodium | 68 |
Sponsored