Searcher

Latest Version

Version
3.2
Update
December 5, 2024
Size
54.66KiB
Developer
Category
Users
3,000+
Rating
4.82353 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

Lumos Extension for Webflow Extension

This extension is built to be used on Webflow.com. It provides shortcuts for working faster in Webflow. V1 of the extension generously developed by https://www.fri3nds.com/

• Fast Class Naming
Pressing the right arrow key in the class selector field returns the class name of the nearest parent that has a component class (class containing underscores).

• Style The Base Class
Press shift key & up arrow key to select the base class. Press shift key & down arrow key to return to all classes.

• PX to REM
Type a number into any style panel field and press the space bar. The number will be divided by 16 and the rem unit will be attached to the end.

• PX to %
Divide the width of any element by the width of its parent to get a percent width. Example: type 562/1440 into any style panel field and press the space bar. 562 will be divided by 1440. The result will be multiplied by 100, and a % unit will be attached to the end.

• Automatically wrap any --variable-name in var() and any math in calc()
Example: type --grid-gap / 2 in any custom property value field and press the tab key. It will be converted to calc(var(--grid-gap) / 2)

• Automatically wrap any --variable-name in color-mix() for transparency
Example: type --theme--text%60 in any custom property value field and press the tab key. It will be converted to color-mix(in srgb, var(--theme--text) 60%, transparent)

• Automatic data attribute buttons on component fields
Add any embeds containing data attributes inside one div with the class of “page_code_wrap”. Apply those attributes to any element and link their value to a component field. The component field name should include the attribute name. Buttons will be automatically created for each attribute value in the embed.

Learn about the Lumos Framework at https://lumos.timothyricks.com/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Lumos Extension for Webflow", "description": "Searcher", "version": "3.2", "icons": { "16": "images/logo16.png", "32": "images/logo32.png", "48": "images/logo48.png", "128": "images/logo128.png" }, "content_scripts": [ { "js": [ "scripts/jquery-3.6.0.min.js", "scripts/content.js" ], "css": [ "css/index.css" ], "matches": [ "https://webflow.com/design/*", "https://*.design.webflow.com/*" ] } ], "web_accessible_resources": [ { "matches": ["https://webflow.com/*"], "resources": ["images/*"], "use_dynamic_url": false } ] }
Read more

Similar Extensions

icon

AidKit for Webflow Extension · Developer Tools 3,000+ 24 ★ 598KiB

icon

Wizardry Technique Converter Extension · Developer Tools 3,000+ 22 ★ 124KiB

icon

Webflow Productivity Extension Extension · Developer Tools 3,000+ 2 ★ 93.77KiB

icon

Flowpedia for Webflow Builders Extension · Productivity 3,000+ 2 ★ 67.34KiB

icon

ViDesigns Extension for Webflow Extension · Developer Tools 3,000+ 7 ★ 30.98KiB

icon

Webflow Code Pro - imshaiksaif.dev Extension · Developer Tools 3,000+ 2 ★ 1.7MiB

icon

Relume Chrome Extension for Webflow Extension · Developer Tools 3,000+ 37 ★ 2.28MiB

icon

Hotkeys for Webflow Extension · Developer Tools 3,000+ 4 ★ 121KiB

icon

Codehub for Webflow Extension · Developer Tools 3,000+ 2 ★ 121KiB

icon

Potato Extension for Webflow Extension · Developer Tools 3,000+ 13 ★ 31.99KiB

icon

Minimal Square - Webflow Chrome Extension Extension · Developer Tools 3,000+ 4 ★ 11.17KiB

icon

F'in sweet Scrollbar Styler for Webflow Extension · Developer Tools 3,000+ 8 ★ 288KiB

icon

xSync by xAtom Extension · Developer Tools 3,000+ 13 ★ 11.6KiB

icon

Webflow DOM Element by Flowscriipt Extension · Developer Tools 3,000+ 0 ★ 173KiB

icon

Webflow Extension by Peeks Extension · Developer Tools 3,000+ 12 ★ 43.89KiB

icon

Webflow Collection Reorder Extension · Developer Tools 3,000+ 14 ★ 247KiB

icon

Sneaps Extension · Developer Tools 3,000+ 3 ★ 727KiB

icon

My sites in Webflow Extension · Developer Tools 3,000+ 0 ★ 16.03KiB

icon

Flowbase Chrome Extension Extension · Developer Tools 3,000+ 12 ★ 1.59MiB

icon

GridUp - Build smarter in Webflow Extension · Developer Tools 3,000+ 6 ★ 265KiB

icon

CodeMode for Webflow Extension · Developer Tools 3,000+ 9 ★ 44.93KiB

icon

Alt Text Generator for Webflow Extension · Productivity 3,000+ 3 ★ 85.2KiB

icon

MagicPaste for Webflow Extension · Productivity 3,000+ 3 ★ 61.71KiB

icon

Finsweet Extension for Webflow Extension · Developer Tools 3,000+ 80 ★ 531KiB

User reviews

icon

Lara Graysse (ID: 00000005409235ad) Voted 5 ★ - Updated 08/24/2023 Timothy u're amazing! Everything u do is amazing, I'm so glad than I can speak and understand english because, if I didn't I wouldn't be able to find u. This extension is wonderful, seriously, saves us A LOOOOOOOOOOOT of time. I was reeeeally excited since u first released Lumos as a cloneable and now we have it as a chrome extension. I'm speechless. Thank you, thank you, thank you!

icon

João Lucas (ID: 000000a85916fd8d) Voted 5 ★ - Updated 08/17/2023 This extension is amazing Timothy! Thank you so much for your work for the webflow community!