Webflow Components Plus - Chrome Web Store
Item media 1 screenshot

Overview

Make various enhancements to Webflow's components workflow

This extension replaces Webflow text fields with dropdowns so you or your client can easily switch between preset values. To make it work you need to label your props like so: "Name of your prop {option A,option B,option C}" The comma separated values within curly brackets will become the options for the dropdown field. It's handy if you combine this with a CSS based styling system + custom attributes. You can make dramatic changes to your component styles without setting up a bunch of visibility props. You can setup custom attribute based CSS styles like so: .button[hierarchy="primary"]{ background-color: blue } .button[hierarchy="secondary"]{ background-color: gray } .button[hierarchy="tertiary"]{ background-color: transparent } Then, you can setup your custom attribute in your button component: Attribute name: hierarchy Attribute value: Assign a prop called "Hierarchy {primary,secondary,tertiary}" That's it. No more misspellings or confused end-users!

0 out of 5No ratings

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

Details

  • Version
    0.1.1
  • Updated
    June 27, 2024
  • Offered by
    Grotesque
  • Size
    13.5KiB
  • Languages
    English (UK)
  • Developer
    Grotesque Ltd
    14 Bolam Close Wythenshawe Manchester M23 0HZ GB
    Email
    hello@grotesque.ltd
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Workiva

4.0(4)

Enhances functionality of the Workiva web applications

Relume Chrome Extension for Webflow

5.0(38)

Boost your productivity in Webflow with the Relume Chrome Extension.

Color Picker Chrome extension

5.0(7)

Color Picker Chrome extension addon lets you to pick color from any webpage

Visual CSS Editor

4.0(107)

Customize any website visually.

Custom CSS by Denis

4.4(36)

Minimal and secure way to add custom CSS per-domain

Web Developer

4.5(2.8K)

Adds a toolbar button with various web developer tools.

Font Contrast

5.0(2)

Improves webpage readability.

Hoverify

4.0(137)

All-in-one browser extension to improve your web dev experience.

Show All Padding & Margins

5.0(1)

Highlights margins and padding for all HTML elements in any webpage.

Webflow Checker

5.0(5)

Checks if this page was built in Webflow This Extension tells you really fast if a website was built in Webflow.

SnipCSS

4.2(29)

Extract the CSS/HTML for any element on any page, only take the styles you want

HTFLOW Inline HTML CSS Extractor

4.5(4)

Effortlessly extract inline HTML and CSS from any website and seamlessly convert it into Webflow.

Workiva

4.0(4)

Enhances functionality of the Workiva web applications

Relume Chrome Extension for Webflow

5.0(38)

Boost your productivity in Webflow with the Relume Chrome Extension.

Color Picker Chrome extension

5.0(7)

Color Picker Chrome extension addon lets you to pick color from any webpage

Visual CSS Editor

4.0(107)

Customize any website visually.

Custom CSS by Denis

4.4(36)

Minimal and secure way to add custom CSS per-domain

Web Developer

4.5(2.8K)

Adds a toolbar button with various web developer tools.

Font Contrast

5.0(2)

Improves webpage readability.

Hoverify

4.0(137)

All-in-one browser extension to improve your web dev experience.

Google apps