nggjmgogbhpkgkjbiggcbcmhainfkfae
Style your scrollbar visually and generate clean CSS to add to your Webflow website. Created by Finsweet for the Webflow community.
Codehub for Webflow
Adds a window to save and manage code snippets for Webflow projects. Codehub for Webflow help you manage your codesnippets. THE PROBLEM: If you often find yourself searching through multiple projects to find those handy code snippets you've used before, Codehub is here to simplify your life. THE SOLUTION: This extension provides a centralized hub where you can save, manage, and easily access all your frequently used code snippets. With Codehub, reusing code across your Webflow projects becomes a breeze, saving you time and effort. It's the perfect tool for developers looking to optimize their coding process and enhance productivity on Webflow. Simply copy the snippets that you have saved and paste them where you need them. Also enjoy the premade community snippets!
Wizardry Technique Converter
Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow PX TO EM / REM - SHORTCUT type in any px value without the px unit example: 967 space enter
Lumos Extension for Webflow
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/
Relume Chrome Extension for Webflow
Boost your productivity in Webflow with the Relume Chrome Extension. ★ Access 1,000+ Webflow components from the Relume Library, right inside of Webflow designer. Copy components into your project with 1 click. ★ Class Sync enables you to sync Relume components with updated classes in the designer, preventing class duplication. When you turn on Class Sync and paste a component, the component will adapt to match the styles of your Webflow project. ★ Paste SVGs directly into your Webflow project, with Relume's free SVG to HTML embed converter. ★ Create and save components in your own private Relume Library. Share with with clients and your team. The Relume Library includes everything you need to start a Client-First Webflow project: ✓Navbars ✓Footers ✓Header sections ✓Feature sections ✓CTA sections ✓FAQ sections ✓Contact sections ✓Pricing sections ✓UI Elements (including Buttons, Accordions, Sliders, Dropdowns, Cards, Tabs & more) ✓Page Templates (including Home, About, Blog, Contact, Portfolio & more) Browse the full library online: https://library.relume.io/dashboard Don't waste time rebuilding layouts for every new project. Install the Relume Chrome Extension to access all of these components right inside Webflow. Some features require a Relume account or paid subscription. Find out more inside the extension or online: https://library.relume.io/pricing