tldrawe

Draw on any webpage with tldraw

What is tldrawe?

tldrawe is a Chrome extension developed by nimeshnayaju, and its main feature is "Draw on any webpage with tldraw".

Extension Screenshots

screenshot
screenshot

Download tldrawe Extension CRX File

Download tldrawe extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Tldrawe lets you draw or annotate on any webpage with tldraw. The extension adds an overlay of the Tldraw app on your webpage and lets you add drawings or shapes to the webpage. You can toggle the overlay by either going to the extension popup page and clicking on 'Toggle overlay' or using the keyboard shortcut 'CMD/CTRL + SHIFT + e'. 

Tldrawe supports all of the shapes, tools and most of the keyboard shortcuts available in the tldraw app. Currently, any drawings on a webpage persists as long as the browser tab or window is open. Cheers!

Useful tldrawe/tldraw shortcuts:
1) Toggle overlay: CTRL/CMD + SHIFT + E
2) Toggle dark mode: CTRL/CMD + SHIFT + D
3) Sticky Tool: 0
4) Select Tool: 1
5) Pencil Tool: 2
6) Eraser Tool: 3, and so on                    

Extension Basic Information

Name tldrawe tldrawe
ID mhkmpnjdjhckmcejgmajnjhbmclmkdnd
Official URL https://chromewebstore.google.com/detail/tldrawe/mhkmpnjdjhckmcejgmajnjhbmclmkdnd
Description Draw on any webpage with tldraw
File Size 291 KB
Installation Count 237
Current Version 0.2
Last Updated 2022-02-17
Publish Date 2022-02-15
Rating 5.00/5 Total 4 Ratings
Developer nimeshnayaju
Email [email protected]
Payment Type free
Extension Website https://github.com/nimeshnayaju/tldrawe
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "tldrawe",
    "description": "Draw on any webpage with tldraw",
    "version": "0.2",
    "options_ui": {
        "page": "options.html"
    },
    "action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/vendor.js",
                "js\/content.js"
            ]
        }
    ],
    "background": {
        "service_worker": "js\/background.js"
    }
}