Allows you to draw on any webpage and wipe it all away with a stab of your Delete key.

Latest Version

Version
2.0
Update
July 12, 2024
Size
13.86KiB
Developer
Category
Users
37
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Tabs
See more

Lil' Scribbler Extension

Li’l Scribbler is a Chrome extension that lets you draw, write, and annotate directly on web pages. It’s designed to be a companion when presenting over a video conference. The UI focuses on keyboard control to switch between tools and options quickly and never get in the way of your communication.

Quick Start
* Activate Drawing Mode: Click the Li’l Scribbler icon in your Chrome toolbar to enable the drawing tools.
* Select a Tool: Use the left arrow key to cycle through tools: Pen, Rectangle, Arrow, Text, and Eraser.
* Choose a Color: Press the right arrow key to switch between colors.
* Adjust Size: Use the up arrow to increase and the down arrow to decrease the size of your selected tool.
* Draw or Type: Click and drag to draw; click to place text, then type.
* Finish Up: Press Enter to finalize text entries. Press the Delete key to remove annotations.
* Deactivate Tools: Click the Li’l Scribbler icon again to turn off drawing mode.

===Detailed Features and Shortcuts===

Tools:
* Pen Tool: Freehand draw; ideal for highlighting or sketching.
* Rectangle Tool: Draw rectangles; click and drag to define the area.
* Arrow Tool: Click, drag, and release to create arrows pointing to specific items.
* Text Tool: Click to position your cursor and start typing. Press Shift+Enter for a new line.
* Eraser Tool: Wipe away the stuff you don’t want on the screen.

Color and Size:
* Colors Available: Hot Pink, Lime Green, Deep Ocean Blue, Hazard Yellow, Pitch Black. Toggle through with the right arrow.
* Size Adjustment: Increase with the up arrow, decrease with the down arrow.

Text Manipulation:
* Multiline Text: Shift+Enter to add new lines.
* Adjustable Text Size: Cmd+Up Arrow to increase; Cmd+Down Arrow to decrease.
* Moving Text: Hold Cmd, click and drag your text box. Finalize with Enter.
* “Finalize” Text: Enter/Return

Keyboard Shortcuts:
* Switch Tools: Left Arrow.
* Change Colors: Right Arrow.
* Tool Size: Up Arrow to increase, Down Arrow to decrease.
* Clear Annotations: Delete.
* Undo/Redo: Ctrl/Cmd + Z for undo, Ctrl/Cmd + Shift + Z or Y for redo.

Troubleshooting:
* Toggle Drawing Mode: If the tools aren’t appearing, try turning the drawing mode off and on again.
* Check Page Support: Li’l Scribbler won’t work on ‘chrome://’ or ‘chrome-extension://’ URLs. You'll see an \"OFF\" badge on the extension's icon if this is the case.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Lil' Scribbler", "version": "2.0", "description": "Allows you to draw on any webpage and wipe it all away with a stab of your Delete key.", "permissions": [ "activeTab", "tabs" ], "background": { "service_worker": "dist/background.js" }, "content_scripts": [ { "matches": [""], "js": ["dist/content.js"], "type": "module" } ], "action": { "default_icon": { "48": "icon.png" } }, "commands": { "toggle-draw-mode": { "suggested_key": { "default": "Ctrl+Shift+Y", "mac": "Command+Shift+Y" }, "description": "Toggle Draw Mode" } }, "icons": { "48": "icon.png" }}
Read more

How to download and manually install Lil' Scribbler extension for Chrome

Looking for a way to install Lil' Scribbler extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Lil' Scribbler extensions manually, this article outlines two simple methods to effortlessly install Lil' Scribbler extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Lil' Scribbler extension and manually install through Drag &Drop

If you ever need to manually install a Lil' Scribbler extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Lil' Scribbler Extension by clicking the "Download CRX" button on the website.

Look for the Lil' Scribbler extension you wish to install. Go to the website and download the Lil' Scribbler extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Lil' Scribbler extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Lil' Scribbler extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Lil' Scribbler extension for Chrome and install in Developer Mode

This is another method to install Lil' Scribbler extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Lil' Scribbler extension file

Select and download the Lil' Scribbler extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Lil' Scribbler extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Lil' Scribbler extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Lil' Scribbler extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Lil' Scribbler extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

destream Extension · Social & Communication 37 0 ★ 582KiB

icon

Chat GPT Logger Extension · Productivity 37 1 ★ 41.76KiB

icon

Michael's Upgrade for TrakED Extension · Productivity 37 0 ★ 410KiB

icon

Linqbase - LinkedIn CRM & Outreach Extension · Productivity 37 4 ★ 2.13MiB

icon

Lindle: Save, Manage Web Links Extension · Productivity 37 2 ★ 7.3MiB

icon

Clockdiary Time Tracker Extension · Productivity 37 1 ★ 885KiB

icon

WAPP Group Sender Extension · Productivity 37 0 ★ 4.66MiB

icon

Sup Extension · Social & Communication 37 40 ★ 282KiB

icon

Userlove Extension · Productivity 37 0 ★ 5.19MiB

icon

Vehichaul Importer Extension · Productivity 37 0 ★ 75.93KiB

icon

Color picker free Extension · Developer Tools 37 11 ★ 602KiB

icon

Demopond Extension · Productivity 37 0 ★ 189KiB

icon

OpenAsks: Social Platform for AI Chats Extension · Social & Communication 37 1 ★ 479KiB

icon

RapidIdentity SnapApp Extension · Productivity 37 3 ★ 59.17KiB

icon

Context Overlay Extension · Productivity 37 0 ★ 3.6MiB

icon

HindustanGPT: GPT in Indian Language on Google™ Extension · Productivity 37 0 ★ 479KiB

icon

B2B Sunshine Coast Extension · Social & Communication 37 1 ★ 3.64MiB

icon

Suspend tabs Extension · Productivity 37 0 ★ 27.74KiB

icon

FRC Search Extension · Productivity 37 20 ★ 64.14KiB

icon

ReadCopilot - Chat with All Your Info Sources Extension · Productivity 37 3 ★ 1.36MiB

icon

Stop It Grandpa Extension · News & Weather 37 2 ★ 10.67KiB

icon

X Post Marker Extension · Social & Communication 37 0 ★ 39.67KiB

icon

Zypher Extension · Productivity 37 15 ★ 10.59MiB

icon

Run-Timer Extension · Productivity 37 2 ★ 161KiB