Home
All Components
Variant

Variant Components Webflow, Figma and Framer

A web component that offers different variations or styles of a particular element or section, allowing users to select and customize the appearance to suit their design needs. Compatible with Webflow, Figma, and Framer.

Back to All Components
Get the Plugin & Extension
Unlock 1,200+ Components
Sort By
Framer
Figma
Webflow
Spark
Prism
Gravity
Aspect
FlowUI™
Shoop
Haus
Kadu
Sera
Apex
Terrace
Alley
Gully
Matter
Polka
Breeze
Midas
Documentation
Utility Elements
Integrations
Table
Video
Modals & Popups
Timeline
Career
Dashboard
Banner
Changelog
Tabs
CTA (Call To Actions)
Multi Step Forms
Header
Ecommerce
Form & Contact
Navigation
Gallery
Blogs
Content
Account
How it Works
Logo
UI Elements & Cards
Testimonial
FAQ
Team
Glossary
Filters & Lists
Pricing
Features
Footer
Input Text Field / Icon Left / Search
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Input Text Field / Icon Left / Search
Component

Input field with left icon support.

See other
Utility Elements
-
Copy Component
Input Text Field / Icon Left / Search
View Full Page
flowui-input-icon-left
flowui-input-icon-left
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-01
flowui-modal-01
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with large list & search support

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-07
flowui-modal-07
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-08
flowui-modal-08
Button / Primary
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Button / Primary
Component

Primary button, with hover, focus and accessability built in.

See other
Utility Elements
-
Copy Component
Button / Primary
View Full Page
button-primary
flowui-button-primary
Button / Icon / Right
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Button / Icon / Right
Component

Neutral button with Icon, hover, focus and accessability built in.

See other
Utility Elements
-
Copy Component
Button / Icon / Right
View Full Page
flowui-button-right
flowui-button-right
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with multiple selection support

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-11
flowui-modal-11
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-05
flowui-modal-05
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-09
flowui-modal-09
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-06
flowui-modal-06
Radio Button
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Radio Button
Component

Radio element that can be added into forms.

See other
Utility Elements
-
Copy Component
Radio Button
View Full Page
flowui-radio
flowui-radio
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with focus on error, alerts

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-04
flowui-modal-04
Checkbox Button
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Checkbox Button
Component

Checkbox element that can be added into forms.

See other
Utility Elements
-
Copy Component
Checkbox Button
View Full Page
flowui-checkbox
flowui-checkbox
Button / Neutral
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Button / Neutral
Component

Neutral button, with hover, focus and accessability built in.

See other
Utility Elements
-
Copy Component
Button / Neutral
View Full Page
button-neutral
flowui-button-neutral
Input Text Field / Icon Both / Search
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Input Text Field / Icon Both / Search
Component

Input field with both left and right icon support

See other
Utility Elements
-
Copy Component
Input Text Field / Icon Both / Search
View Full Page
flowui-input-icon-both
flowui-input-icon-both
Button / Icon Left
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Button / Icon Left
Component

Neutral button with Icon, hover, focus and accessability built in.

See other
Utility Elements
-
Copy Component
Button / Icon Left
View Full Page
flowui-button-left
flowui-button-left
Input Text Field / Icon Right / Search
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Input Text Field / Icon Right / Search
Component

Input field with right icon support.

See other
Utility Elements
-
Copy Component
Input Text Field / Icon Right / Search
View Full Page
flowui-input-icon-right
flowui-input-icon-right
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-10
flowui-modal-10
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with various uses

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-02
flowui-modal-02
Modal
PRO
FREE
Added
February 26, 2022
, in
Modals & Popups
Copy Component
Modal
Component

Popup / modal element with focus on error, alerts

See other
Modals & Popups
-
Copy Component
Modal
View Full Page
flowui-modal-03
flowui-modal-03
Button / Secondary
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Button / Secondary
Component

Secondary button, with hover, focus and accessability built in.

See other
Utility Elements
-
Copy Component
Button / Secondary
View Full Page
button-secondary
flowui-button-secondary
Input Text Field
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Input Text Field
Component

Default input field that can be added into your forms

See other
Utility Elements
-
Copy Component
Input Text Field
View Full Page
flowui-input
flowui-input
Toggle Button
PRO
FREE
Added
February 26, 2022
, in
Utility Elements
Copy Component
Toggle Button
Component

Toggle element that can be added into any part of your page.

See other
Utility Elements
-
Copy Component
Toggle Button
View Full Page
flowui-toggle
flowui-toggle
Load More Components
Component added to clipboard
Paste the component into your project.
Whoops! Something went wrong...
Please get in touch with our crew!
Sorry, Safari is not supported
Please use a supported browser.
Monthly Limit Reached!
Request a reset from our crew!