make-real
scratch-www
make-real | scratch-www | |
---|---|---|
16 | 804 | |
4,874 | 1,559 | |
3.6% | 0.6% | |
9.1 | 9.9 | |
4 days ago | 4 days ago | |
TypeScript | JavaScript | |
GNU Affero General Public License v3.0 | BSD 3-clause "New" or "Revised" License |
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.
make-real
- Make-real – Draw a mockup and make a real software using AI
-
Ask HN: Yo wants to build a game, I'm lost. What can I do?
Consider using some seriously modern tech (LLMs!) to make games with point and click/draw.
https://github.com/tldraw/make-real
This is a really fun project that uses GPT4 and TLDraw. People have made games with it- it’s super WYSIWYG and you can draw the state machines as a diagram with boxes and arrows, the UI directly, etc. I would have loved to have this as a kid.
-
Catalyst – Tailwind CSS Application UI Kit
This is one of the reasons make-real works so surprisingly well: https://github.com/tldraw/make-real
-
Convert a screenshot to a working Flutter app
PS: I got the idea from tldraw/make-real and abi/screenshot-to-code projects. So all credit to them 🙌
-
Show HN: Design2Code – Convert any screenshot to HTML/CSS code using GPT4 Vision
https://github.com/tldraw/make-real
Was posted some time ago on HN, it was a twitter link, can't find it anymore.
- Tldraw/draw-a-UI: Draw a mockup and generate HTML for it
-
I think I need to go lie down
> Turn this into a single html file using tailwind.
https://github.com/tldraw/draw-a-ui/blob/8a889bf36afc06fbb0c...
Looks simple enough to run “privately” by screenshooting a normal tldraw canvas and passing the prompt with it to the API.
- Generate working HTML/JS UI from a wireframe, using AI
scratch-www
-
Ask HN: Modern Day Equivalent to HyperCard?
LiveCode is about the closest literal logical successor to HyperCard.
https://en.wikipedia.org/wiki/LiveCode?wprov=sfti1
That said, I think Scratch is a better learning environment these days and you can develop workable apps in the style of HyperCard. There are plenty of tutorials, documentation, and examples to work from.
https://scratch.mit.edu
- Scratch is the largest free coding community for kids
-
Screen-free coding for children: the xylophone maze
and https://codecombat.com, which has been around for a while now.
I think this paradigm (navigating a character using "move" function invocations) is good but kind of exhausts its usefulness after a while. I question whether my daughter learns coding this way or just is playing a turn based top down platformer. The most code like thing is when you use 'loops' to have characters repeat sequences of moves. I think when kids grok these things these apps become just types of glofiried education flavoured video games. There are a lot of things in kodable for instance that I feel are just basic web games with coding terms slapped on it.
https://scratch.mit.edu/ is more like 'programming' imo, even at the level of the objective -- having a blank canvas to create something. It seems a little advanced for my kids right now though.
-
Ask HN: Yo wants to build a game, I'm lost. What can I do?
+1 Scratch! My son started with it, then expanded into Roblox/Lua.
Children can download other people's games and experiment there. Scratch also has pre-made art, sounds, music.
https://scratch.mit.edu/
-
Ask HN: Platform for kids to learn how to code
Scratch.mit.edu is a highly-recommended place to start [1] https://scratch.mit.edu/
> Scratch is the world’s largest coding community for children and a coding language with a simple visual interface that allows young people to create digital stories, games, and animations. Scratch is designed, developed, and moderated by the Scratch Foundation, a nonprofit organization. [2]
1: https://scratch.mit.edu/
-
Eligiendo un computador para desarrollo
https://scratch.mit.edu/ (Scratch version 2)
-
i swear to god if i keep seeing projects abt these 4 franchises every single day i'm gonna break someone's kneecaps
Someone who uses scratch.mit.edu (like me)
-
How to learn coding without a degree
Now that I think of it, I did start game development on scratch before going right into java (because of minecraft).
- Copii si programarea
- Teen school project
What are some alternatives?
screenshot-to-code - Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Node RED - Low-code programming for event-driven applications
SQLpage - SQL-only webapp builder, empowering data analysts to build websites and applications quickly
GDevelop - :video_game: Open-source, cross-platform game engine designed to be used by everyone.
pixels2flutter - Convert a screenshot to a working Flutter app.
blockly - The web-based visual programming editor.
design2code - Convert any web design screenshot to clean HTML/CSS code
Godot - Godot Engine – Multi-platform 2D and 3D game engine
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
processing - Source code for the Processing Core and Development Environment (PDE)
unocss - The instant on-demand atomic CSS engine.
stencyl-engine - Create Flash, HTML5, iOS, Android, and desktop games with no code with Stencyl. This is the source to Stencyl's Haxe-based engine.