Jelly Ruler

Point at any logo on a website and get editable vector shapes, or fling a blob of jelly at it. It all stays on your computer.

Jelly Ruler turns the logos and icons you see on websites into editable vector shapes. Click the toolbar button, point at a logo, and it opens in a full editor inside the extension, ready to recolor, rearrange and export. Nothing is uploaded: the picker, the tracer and the editor all run on your computer. New in 1.1: the jelly ruler Drop a soft, droopy ruler onto any page and measure things, badly. It sags, it creeps, and it has opinions about your layout. Pull it back like a slingshot and its aim latches onto the logo or icon you're pointing at; the further you pull, the further it reaches. Let go, and a blob of jelly lands on it and picks it for the editor. What you can do - Find graphics fast: a dock lists the logos and icons on the page, logos first. - Pick anything: point and click, widen or narrow the selection with the arrow keys, or draw a box around any area. - Get real shapes: an SVG logo arrives as shapes straight away, in its own colors, including logos drawn with masks. Text, like a wordmark or a heading, arrives as exact shapes too, each letter drawn from the site's own font, gradient headings in their own gradient. Line-drawn icons arrive as shapes, not tracings. A picture is traced by color into shapes you can move, resize and recolor. - Photos and artwork too: a second tracer keeps their shading in up to 32 colors, and Jelly Ruler picks the right tracer for each picture. - Right-click any image and choose "Turn into shapes with Jelly Ruler". - Collect several things across pages, then open the ones you want, or clear the collection to start fresh. - See it rebuilt: every pick shows what was captured beside the same thing rebuilt from its own code, or drawn from its own SVG, so you can check it before you use it. - Copy your collection as JSON: an SVG logo as its own SVG, a heading or button as its HTML and CSS with its fonts inside, ready to paste into a project and rebuild exactly. Or copy a ready-made prompt for your AI agent to recreate it, or save it as one agent file to drop into ChatGPT, Claude or any agent. - Buttons and other page elements come with a picture and the code that rebuilds them, with their text redrawn sharp. - Open the editor any time: from the picker, or from the toolbar button on pages the picker can't run on, like a new tab. - Edit each part: move, turn, resize, recolor and round corners, with snapping and undo. - Export SVG or PNG. Private by design - No account and no sign-in. - No access to any website until you click the button, press the shortcut or use the right-click item, and then only to the tab you're on. - What you pick and collect stays in this browser. Shortcut: Option+Shift+J on a Mac, Alt+Shift+J on Windows and Linux, opens the picker. Press R in the picker for the jelly ruler. To change it, open your browser's shortcuts page: chrome://extensions/shortcuts in Chrome, brave://extensions/shortcuts in Brave, or edge://extensions/shortcuts in Edge.