History

9 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	269	5.00	10	0.3.13
Apr 19, 2026	263	5.00	10	0.3.13
Apr 29, 2026	282	5.00	10	0.3.13
May 6, 2026	285	5.00	10	0.4.2
May 11, 2026	291	5.00	10	0.4.4
May 17, 2026	321	5.00	10	0.4.4
May 23, 2026	330	5.00	10	0.4.4
May 30, 2026	314	5.00	10	0.4.4
Jun 13, 2026	316	5.00	10	0.4.4
Now	335	5.00	10	0.4.4

Changelog

Apr 29, 2026

description

Webflow Input Enhancer: Transform the Way You Work with Component Inputs in Webflow!

Transform your Webflow experience with the Webflow Input Enhancer extension! Designed to make working with inline CSS and class properties effortless, this tool streamlines your workflow by improving how values are displayed and edited in Webflow’s input fields.

Key Features:  
- ✨ Enhanced Input Fields: Automatically format CSS properties into individual lines for easy editing and reformat them seamlessly when you're done.  
- 🔑 Dynamic Field Enhancements: Use intuitive keywords to unlock enhanced functionality:  
  - [Style]: Optimize input fields for inline CSS editing.  
  - [Class]: Enhance input fields to work with classes effortlessly.  
  - [Dropdown=ID]: Display dropdown options by linking to a specific field. Check out our tutorial to learn how to create a config component!  
  - [Email]: Restrict input to accept only valid email addresses.  
  - [Number]: Limit inputs to valid numbers, with optional min-max validation. For example, [Number]{1,10} ensures a range between 1 and 10.

How It Works:  
1. Install the extension.  
2. Insert the appropriate keyword (e.g., [Style], [Class]) into the property name to enable enhancements.  
3. Edit fields directly, and the extension will automatically enhance the input for better visualization and control.  

Why Choose Webflow Input Enhancer?  
- 🚀 Streamline CSS Editing: Simplify complex property management.  
- 🕒 Save Time: Effortlessly navigate and edit multiple CSS properties.  
- ✅ Improve Accuracy: Ensure valid inputs with specialized field enhancements.  
- 🔍 Auto-Complete for CSS Styles and Class Names: Speed up your workflow with intelligent auto-completion for CSS properties and class names, making edits faster and reducing errors.

Supercharge your component inputs and make your Webflow workflow smoother and more efficient with Webflow Input Enhancer!

Webflow Input Enhancer: Transform the Way You Work with Component Inputs in Webflow!

Transform your Webflow experience with the Webflow Input Enhancer extension! Designed to make working with inline CSS and class properties effortless, this tool streamlines your workflow by improving how values are displayed and edited in Webflow’s input fields.

Key Features:
- ✨ Enhanced Input Fields: Automatically format CSS properties into individual lines for easy editing and reformat them seamlessly when you're done.
- 🔑 Dynamic Field Enhancements: Use intuitive keywords to unlock enhanced functionality:
- [Style]: Optimize input fields for inline CSS editing.
- [Class]: Enhance input fields to work with classes effortlessly.
- [Dropdown=ID]: Display dropdown options by linking to a specific field. Check out our tutorial to learn how to create a config component!
- [Email]: Restrict input to accept only valid email addresses.
- [Number]: Limit inputs to valid numbers, with optional min-max validation. For example, [Number]{1,10} ensures a range between 1 and 10.

How It Works:
1. Install the extension.
2. Insert the appropriate keyword (e.g., [Style], [Class]) into the property name to enable enhancements.
3. Edit fields directly, and the extension will automatically enhance the input for better visualization and control.

Grouping Collections Items:
1. Open your Collection settings
2. Edit any field
3. In the Help Text, add [Group=GROUP_ID]
4. Repeat on every field that should share the group, using the same GROUP_ID
5. Save the Collection

Fields with matching IDs get bundled together. Use different IDs for different groups.

Why Choose Webflow Input Enhancer?
- 🚀 Streamline CSS Editing: Simplify complex property management.
- 🕒 Save Time: Effortlessly navigate and edit multiple CSS properties.
- ✅ Improve Accuracy: Ensure valid inputs with specialized field enhancements.
- 🔍 Auto-Complete for CSS Styles and Class Names: Speed up your workflow with intelligent auto-completion for CSS properties and class names, making edits faster and reducing errors.

Supercharge your component inputs and make your Webflow workflow smoother and more efficient with Webflow Input Enhancer!

Permissions & access

Permissions: storage
Host access: *://*.design.webflow.com/*, *://*.preview.webflow.com/*

Screenshots

About