tldraw computer

tldraw is an infinite canvas SDK designed for React developers, enabling the integration of collaborative whiteboards and the creation of canvas-based experiences within web applications. The SDK offers a React-based canvas where each element is a React component, allowing developers to utilize standard web technologies within the canvas. It supports high performance, managing thousands of objects, including images and interactive components, optimized for desktops, tablets, and mobile devices. Real-time collaboration features are built-in, providing support for collaborative editing, live cursors, viewport following, and cursor chat, with the option to use tldraw sync or integrate a custom backend. The platform allows the incorporation of various media types, such as images, videos, and embedded websites, and facilitates the creation of interactive bookmarks by pasting URLs.

​Make Real by tldraw is an innovative tool that allows users to transform simple sketches into realistic models using AI technology. By inputting API keys from providers such as OpenAI and Anthropic, users can draw shapes and then use the 'Make Real' button to convert them into more lifelike images. The tool's unique selling point is its ability to integrate with multiple AI providers, offering versatility in the types of models users can employ. Whether you are a professional designer or a hobbyist, Make Real provides a simple yet powerful way to enhance your creativity. 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 OpenAI's GPT-4V along with instructions to turn it into an 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.