Make it real.
tldraw/make-real-starter is ranked 10,071 with 1,533 stars.
Same-category comparison
tldraw/make-real-starter is ranked 10,071 among these 8 peers; Mirascope/mirascope is ranked 10,074.
Same-category comparison| Name | Rank | Metrics |
|---|
| KruxAI/ragbuilder | 10,054 | - Language:
- Python
- Stars:
- 1,539
- Forks:
- 127
- Description:
- A toolkit to create optimal Production-readyRetrieval Augmented Generation(RAG) setup for your data.
|
|---|
| nickclyde/duckduckgo-mcp-server | 10,064 | - Language:
- Python
- Stars:
- 1,536
- Forks:
- 194
- Description:
- A Model Context Protocol (MCP) server that provides web search capabilities through DuckDuckGo, with additional features for content fetching and parsing.
|
|---|
| elevenlabs/elevenlabs-mcp | 10,065 | - Language:
- Python
- Stars:
- 1,535
- Forks:
- 258
- Description:
- The official ElevenLabs MCP server.
|
|---|
| willmiao/ComfyUI-Lora-Manager | 10,066 | - Language:
- Python
- Stars:
- 1,535
- Forks:
- 148
- Description:
- LoRA Manager for ComfyUI - A powerful extension for organizing, previewing, and integrating LoRA models with metadata and workflow support.
|
|---|
| Mirascope/mirascope | 10,074 | - Language:
- Python
- Stars:
- 1,532
- Forks:
- 130
- Description:
- The LLM Anti-Framework.
|
|---|
| anaisbetts/mcp-installer | 10,075 | - Language:
- JavaScript
- Stars:
- 1,532
- Forks:
- 192
- Description:
- An MCP server that installs other MCP servers for you.
|
|---|
| crownpku/Rasa_NLU_Chi | 10,080 | - Language:
- Python
- Stars:
- 1,530
- Forks:
- 413
|
|---|
| emcf/thepipe | 10,087 | - Language:
- Python
- Stars:
- 1,528
- Forks:
- 99
- Description:
- Get clean data from tricky documents, powered by vision-language models ⚡.
|
|---|
Key parameters and specifications
Key parameters and specifications| Parameter | Value |
|---|
| Language | TypeScript |
|---|
| Category | AI Engineering |
|---|
| Subcategory | Make agent see hear talk, Build agent UI |
|---|
| Keywords | Multimodal, Prompt engineering, Visual understanding, Webdev |
|---|
| Stars | 1,533 |
|---|
| Forks | 253 |
|---|
| Contributors | 5 |
|---|
| Created date | 2023-11-17 |
|---|
| Updated date | 2026-10-09 |
|---|
| Stars in 1 day | 0 |
|---|
| Stars in 7 days | -1 |
|---|
| Rank | 10,071 |
|---|
| Previous rank | 10,091 |
|---|
| Rank change | 20 |
|---|
| 7-day stars rank | 17,111 |
|---|
| Previous 7-day stars rank | 17,106 |
|---|
| 7-day stars rank change | -5 |
|---|
| Total stars rank | 7,958 |
|---|
| Previous total stars rank | 7,944 |
|---|
| Total stars rank change | -14 |
|---|
README summary
Make Real Use this repo as a template to create Make Real style apps like makereal. Use the template and clone your new repo to your computer 2. Open localhost:3000 and make some stuff real! How it works Make Real is built with the tldraw SDK, a very good React library for creating whiteboards and other infinite canvas experiences. To use it, first draw a mockup for a piece of UI. When you're ready, select the drawing, and press
the Make Real button. We'll capture an image of your selection, and send it to GPT along with instructions to turn it into a HTML file. We take the HTML response and add it to a tldraw custom shape. The custom shape shows the response in an iframe so that you can interact with it on the canvas. If you want to iterate on the response, annotate the iframe, select it all, and press 'Make Real' again. To make changes
To change how Make Real works, start from the file. From there, you can change the prompt that gets sent to gpt-4. You can edit the function in to change what happens when you hit the Make Real button. If you'd like Make Real to create something other than HTML, you'll need to either update the to display something different, or use one of tldraw's built-in shapes like image or text. The dangerous API key input method For
prototyping, we've also included the , similar to the one found on makereal. Please use this as carefully and ethically as you can, as users should be reluctant to add API keys to public sites.
Frequently asked questions
How many stars and forks are recorded?
tldraw/make-real-starter has 1,533 stars and 253 forks.
What is the repository rank?
tldraw/make-real-starter is ranked 10,071.
What language and category are recorded?
tldraw/make-real-starter has 1,533 stars, uses TypeScript and belongs to AI Engineering.
Which repository is closest in rank?
tldraw/make-real-starter is compared with Mirascope/mirascope, ranked 10,074 with 1,532 stars.
Make Real
Use this repo as a template to create Make Real style apps like
makereal.tldraw.com. To get started:
- Use the template and clone your new repo to your computer
- Run
npm install to install dependencies
- Get an OpenAI API key from platform.openai.com/api-keys.
- Create a
.env.local file that contains NEXT_PUBLIC_OPENAI_API_KEY=your api key here
- Run
npm run dev
- Open localhost:3000 and make some stuff real!
How it works
Make Real is built with the tldraw
SDK, a very good
React library for creating whiteboards and other infinite canvas experiences.
To use it, first draw a mockup for a piece of UI. When you're ready, select the drawing, and press
the Make Real button. We'll capture an image of your selection, and send it to
GPT along with instructions to turn it into a HTML
file.
We take the HTML response and add it to a tldraw custom
shape. The custom shape shows the response in an
iframe so that you can interact with it on the canvas. If you want to iterate on the response,
annotate the iframe, select it all, and press 'Make Real' again.
To make changes
To change how Make Real works, start from the prompt.ts file. From there, you
can change the prompt that gets sent to gpt-4.
You can edit the makeReal function in makeReal.ts to change what
happens when you hit the Make Real button.
If you'd like Make Real to create something other than HTML, you'll need to either update the
PreviewShape to display something different, or use one of
tldraw's built-in shapes like image or text.
The dangerous API key input method
For prototyping, we've also included the RiskyButCoolAPIKeyInput, similar to the one found on
makereal.tldraw.com. Please use this as carefully and ethically as
you can, as users should be reluctant to add API keys to public sites.