make-real
design2code
make-real | design2code | |
---|---|---|
16 | 3 | |
4,921 | 502 | |
4.5% | - | |
9.0 | 6.7 | |
3 days ago | 5 months ago | |
TypeScript | TypeScript | |
GNU Affero General Public License v3.0 | MIT 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
design2code
What are some alternatives?
screenshot-to-code - Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
SQLpage - SQL-only webapp builder, empowering data analysts to build websites and applications quickly
pixels2flutter - Convert a screenshot to a working Flutter app.
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
unocss - The instant on-demand atomic CSS engine.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
scratch-www - Standalone web client for Scratch
pyxel - A retro game engine for Python
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library