Home
 /
Tools
 /
Elements Kit
Elements Kit icon

Elements Kit

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

  1. Install the app to the Webflow Site or Workspace of your choice
  2. Launch the app from the Apps panel in your designer.
  3. Select one of the available elements you want to insert on your page.
  4. Adjust the element settings as needed and click the Insert button to add the element to your page.

Try out this tool!

Click the button below to visit the website and get started.

Try it now