foehdblpemohfpbjemiihljeedlekidh
Transform the Way You Work with Component in Webflow! 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!
Finsweet Extension for Webflow
A suite of F'in sweet tools to improve your Webflow development experience. Important: Finsweet Extension has changed! Most features are now in our new native Webflow App. Only site settings remain in this Chrome Extension due to Webflow API limits. Unlock new and powerful tools and functionalities within Webflow's Dashboard, Editor and Designer. Functionalities include: - Bulk 301 redirects upload. - CSS styles sorting, editing and removal. - Interactions, Symbols and Color swatches reordering. - Breakpoints highlighting and removal. - Components marketplace to copy and paste directly in your project. - Direct integration with our Finsweet libraries like Cookie Consent or Attributes. - Vertical Canvas Resizing. - And much more!
Utility Toolkit for Webflow
A handy lil extension for Webflow developers. Provides quality-of-life upgrades for building in Webflow. Reorder, rename, and re-icon your workspaces from the dashboard. Collapse and expand CMS panels, giving you more workspace when needed. And, use a dedicated button to close the CMS. Visual indicators in your browser's favicon show the publish status of your project. Remove unnecessary Webflow attributes from your HTML for easier inspection.
Webflow Productivity Extension
A little extension to be more productive when developing on Webflow A little extension to be more productive when developing on Webflow - Quick access page settings (with shortcut too : SHIFT + S) - Quickly add script and style tag on custom code page settings
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!
