Lumos Extension for Webflow

Searcher

What is Lumos Extension for Webflow?

"Lumos Extension for Webflow" is a productivity tool designed to enhance your Webflow experience. Created by https://www.fri3nds.com/, it offers features like fast class naming, style adjustments, automatic unit conversions, and more. With capabilities like wrapping variables in CSS functions and generating data attribute buttons, this extension significantly speeds up your design process on Webflow. Discover more about the Lumos Framework at https://lumos.timothyricks.com/.

Download

Extension stats

By: timothymricks

View on Chrome Web Store

Users: 3,000+

Rating: 4.82 (17) ▼ 0.11

Version: 3.0 (Last updated: 2024-09-04)

Creation date: 2023-08-16

Risk impact: Low risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Size: 55.85K

Email: ti*****@gmail.com

Ranking

# 17950 ▼ 31

Other rankings

#6888 in Developer Tools ▼ 19

#46 in press keyword 9 ▲ 2

#79 in component keyword 11

#79 in example keyword 2 ▼ 2

#108 in base keyword 4 ▼ 2

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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()

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Saves a significant amount of time for users
Indispensable features, even for those not using Lumos
Great support for the Webflow community
User-friendly with convenient attribute buttons for components

Cons

Does not display attributes consistently
Issues with compatibility regarding connected external CSS files

Most mentioned

Positive feedback about Timothy's contributions
Overwhelming excitement for the Lumos extension and its features

Recent reviews

Very good extension , but doesn't show attributes most of the time tried on multiple browser with and without extension Kindly fix this issue

usama saleem, 2024-11-16

Indispensable — Even if you don't use Lumos, the ability to add buttons to component props is a huge game changer. Secondly, when adding a new base class, hitting right-arrow to autocomplete the first part of the class name is a huge time saver.