Elements Kit
Add missing HTML elements effortlessly to your Webflow designs.
Add missing HTML elements effortlessly to your Webflow designs.
Tired of the hassle of adding missing HTML elements through Embeds and manual code pasting? Say goodbye to the copy-paste routine and tab-switching headaches. With Elements Kit, all it takes is a simple element selection, quick configuration, and inserting it into your site.
Audio Element
Add a native HTML5 <audio>
element to your site. You can visually configure the element within the app interface. You have the flexibility to add up to three different audio sources in popular formats, and you can even fine-tune the audio player's behavior. The best part? Our app inserts real HTML tags like <audio>
and <source>
, along with natively supported attributes like 'loop' and 'controlsList,' ensuring seamless compatibility with all browsers.
Country Select Field
We are aware that creating a Country field using Webflow's Select element can be time-consuming and tedious. You have to add each Country as an option manually. However, our Country element simplifies this process by doing all the hard work in just a few clicks. The app creates a <select>
element and automatically adds all the Countries as <options>
within the <select>
element. In addition to this, you can customize the field name, pre-select a specific Country, and choose whether the submitted value should be the whole Country name (e.g., United States) or the two-letter Country code (e.g., US).
Date Input Field
We often need to include a date field in forms for various purposes, such as event registrations, birthdays, appointments, and project deadlines. With our Date element, you can visually add an HTML input field with type="date". This is a standard way of creating date fields that work with all web browsers. Additionally, you can customize the field to include a default date and set minimum and maximum dates to control the range of input values. No more using Embeds for date fields.
Upcoming Elements
- Bulk Select
- Phone Number field
- Iframe
- CSS Charts
- And many more...
Getting Started is Easy
- Install the app to the Webflow Site or Workspace of your choice
- Launch the app from the Apps panel in your designer.
- Select one of the available elements you want to insert on your page.
- Adjust the element settings as needed and click the Insert button to add the element to your page.
Tired of the hassle of adding missing HTML elements through Embeds and manual code pasting? Say goodbye to the copy-paste routine and tab-switching headaches. With Elements Kit, all it takes is a simple element selection, quick configuration, and inserting it into your site.
Audio Element
Add a native HTML5 <audio>
element to your site. You can visually configure the element within the app interface. You have the flexibility to add up to three different audio sources in popular formats, and you can even fine-tune the audio player's behavior. The best part? Our app inserts real HTML tags like <audio>
and <source>
, along with natively supported attributes like 'loop' and 'controlsList,' ensuring seamless compatibility with all browsers.
Country Select Field
We are aware that creating a Country field using Webflow's Select element can be time-consuming and tedious. You have to add each Country as an option manually. However, our Country element simplifies this process by doing all the hard work in just a few clicks. The app creates a <select>
element and automatically adds all the Countries as <options>
within the <select>
element. In addition to this, you can customize the field name, pre-select a specific Country, and choose whether the submitted value should be the whole Country name (e.g., United States) or the two-letter Country code (e.g., US).
Date Input Field
We often need to include a date field in forms for various purposes, such as event registrations, birthdays, appointments, and project deadlines. With our Date element, you can visually add an HTML input field with type="date". This is a standard way of creating date fields that work with all web browsers. Additionally, you can customize the field to include a default date and set minimum and maximum dates to control the range of input values. No more using Embeds for date fields.
Upcoming Elements
- Bulk Select
- Phone Number field
- Iframe
- CSS Charts
- And many more...
Getting Started is Easy
- Install the app to the Webflow Site or Workspace of your choice
- Launch the app from the Apps panel in your designer.
- Select one of the available elements you want to insert on your page.
- Adjust the element settings as needed and click the Insert button to add the element to your page.
- Access site data
- Designer workflow
- HTML semantic <audio> elementsHTML semantic <audio> elements
- HTML semantic Country <select> fieldHTML semantic Country <select> field
- HTML semantic Date <input> fieldHTML semantic Date <input> field
- Customize the elements with classes and the Webflow Styles panelCustomize the elements with classes and the Webflow Styles panel
- Support for many more elements coming soonSupport for many more elements coming soon