Component
Collector Beta

Input: Rounded Form Fields UI Figma Component

Cost:
1 Credit
Created:
August 19, 2023
Updated:
December 2, 2023

The Rounded Input Form UI component features a soft, rounded design, offering a modern and user-friendly interface element for your digital platforms. This Figma component includes the most common inputs used in web forms and is particularly effective in applications and websites that aim for a friendly, approachable aesthetic. The pill shape edges of the input fields offer a more casual and inviting user experience, making it ideal for social platforms, community forums, and customer feedback forms where ease of interaction and comfort are priorities. This component includes the most common input types: text inputs, dropdown / select inputs, and text area inputs. There are also options for tool tips, help text, and common states: hover, disabled, and active as well.

Updated 12/2/23: Improved design for controlling hover, disabled, and active states.

Input: Rounded Form Fields UI
Credits:
Component Collector credit icon
0
Get component

More: Input
Figma Components

Input: Checkboxes / Radio

Input: Checkboxes / Radio

Get component
Cost:
1 Credit
Free
Updated:
Feb 4, 2024
Input: Calendar / Date Picker

Input: Calendar / Date Picker

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
Mobile App Settings Page

Mobile App Settings Page

Get component
Cost:
1 Credit
Free
Updated:
Oct 27, 2023
Search Filters with Tags / Chips

Search Filters with Tags / Chips

Get component
Cost:
1 Credit
Free
Updated:
Oct 11, 2023
Website Email Capture

Website Email Capture

Get component
Cost:
1 Credit
Free
Updated:
Nov 1, 2023
Input: Dropdown with Tray

Input: Dropdown with Tray

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
Sidebar Checkout UI

Sidebar Checkout UI

Get component
Cost:
1 Credit
Free
Updated:
Jan 12, 2024
Two Factor Authentication / 2FA

Two Factor Authentication / 2FA

Get component
Cost:
1 Credit
Free
Updated:
Oct 27, 2023
Input: Rounded Toggle / Switch

Input: Rounded Toggle / Switch

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
RTF / WYSIWYG Text Styling

RTF / WYSIWYG Text Styling

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
Input: Square Form Fields UI

Input: Square Form Fields UI

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
Search: Modal / Command Menu

Search: Modal / Command Menu

Get component
Cost:
1 Credit
Free
Updated:
Sep 12, 2023
Website Contact Form

Website Contact Form

Get component
Cost:
1 Credit
Free
Updated:
Nov 27, 2023
Scrollbar UI

Scrollbar UI

Get component
Cost:
1 Credit
Free
Updated:
Oct 24, 2023
Category Tag Label

Category Tag Label

Get component
Cost:
1 Credit
Free
Updated:
Dec 14, 2023
Input: Range Slider

Input: Range Slider

Get component
Cost:
1 Credit
Free
Updated:
Dec 2, 2023
Sign In / Log In Page

Sign In / Log In Page

Get component
Cost:
1 Credit
Free
Updated:
Oct 27, 2023