Lumos Extension for Webflow
Item media 1 screenshot

Overview

Searcher

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/ 1. 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. 2. 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. 3. 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) 4. 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) 5. 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://timothyricks.notion.site/Lumos-v2-Docs-6d1139068f7442d49494ec3b581cf09d?pvs=4

5 out of 511 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Dmitrii TregubovMar 31, 2024

Great useful Extension💪 Is it possible to make the extension (adding convenient attribute buttons to Symbols) work with connected external style CSS files?

1 person found this review to be helpful
Review's profile picture

Matt BegnocheJan 20, 2024

This is awesome!

2 out of 2 found this helpful
Review's profile picture

Tushar MalikDec 22, 2023

This is a great extension and library! thanks for this Timothy.

2 out of 2 found this helpful

Details

  • Version
    2.3
  • Updated
    May 17, 2024
  • Offered by
    timothymricks
  • Size
    53.91KiB
  • Languages
    English
  • Developer
    Email
    timothyricksdesign@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Potato Extension for Webflow

5.0(13)

Potato is your Webflow companion, toss it into your workflow and watch it sprout with time-saving features!

Minimal Square - Webflow Chrome Extension

5.0(3)

Supercharge your Webflow productivity with the Minimal Square Chrome Extension.

Contenance

1.0(1)

Supercharge your SEO workflow directly inside Webflow

F'in sweet Scrollbar Styler for Webflow

5.0(8)

Scrollbar Styler

AidKit for Webflow

5.0(18)

Unlock a suite of tools made for Webflow developers. Customize & automate your development process using industry best practices.

Wizardry Technique Converter

4.7(22)

Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow

Flowpedia for Webflow Builders

5.0(2)

Find the answer or resource you are seeking, by searching Made in Webflow or another part of the Webflow site with a few keystrokes.

ViDesigns Extension for Webflow

5.0(7)

Create, share and upload Webflow components from the Webflow Designer

Webflow Code Pro - imshaiksaif.dev

3.0(2)

Supercharge your Webflow projects with our extension, including features to enhance your workflow and boost productivity.

Relume Chrome Extension for Webflow

5.0(37)

Boost your productivity in Webflow with the Relume Chrome Extension.

Hotkeys for Webflow

4.8(4)

Adds hotkeys and dashboard for Webflow.

Codehub for Webflow

5.0(2)

Adds a window to save and manage code snippets for Webflow projects.

Potato Extension for Webflow

5.0(13)

Potato is your Webflow companion, toss it into your workflow and watch it sprout with time-saving features!

Minimal Square - Webflow Chrome Extension

5.0(3)

Supercharge your Webflow productivity with the Minimal Square Chrome Extension.

Contenance

1.0(1)

Supercharge your SEO workflow directly inside Webflow

F'in sweet Scrollbar Styler for Webflow

5.0(8)

Scrollbar Styler

AidKit for Webflow

5.0(18)

Unlock a suite of tools made for Webflow developers. Customize & automate your development process using industry best practices.

Wizardry Technique Converter

4.7(22)

Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow

Flowpedia for Webflow Builders

5.0(2)

Find the answer or resource you are seeking, by searching Made in Webflow or another part of the Webflow site with a few keystrokes.

ViDesigns Extension for Webflow

5.0(7)

Create, share and upload Webflow components from the Webflow Designer

Google apps