jverdi/jvfloatlabeledtextfield

★ 7,152Objective-CAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((JVFloatLabeledTextField))
    What it does
      Animated floating label
      Form UX improvement
    Replaces
      UITextField
      UITextView
    Installation
      CocoaPods
      Carthage
      Swift Package Manager
    Audience
      iOS developers
      Mobile UI builders

mindmap root((JVFloatLabeledTextField)) What it does Animated floating label Form UX improvement Replaces UITextField UITextView Installation CocoaPods Carthage Swift Package Manager Audience iOS developers Mobile UI builders

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Replace plain UITextField inputs in an iOS login or signup form so users can always see what each field is for while typing.

USE CASE 2

Add the float label pattern to a UITextView for a multi-line input like an address or notes field.

USE CASE 3

Implement accessible, space-efficient forms in an iOS app without designing a custom label animation from scratch.

Tech stack

Objective-CiOSCocoaPodsCarthageSwift Package Manager

Getting it running

Difficulty · easy Time to first run · 30min

In plain English

JVFloatLabeledTextField is an iOS UI component that solves a common form usability problem on mobile devices. On small screens, forms often use placeholder text inside input fields to label what each field is for, since there is not enough space to put labels outside the fields. The problem is that as soon as a user starts typing, the placeholder disappears, and there is no longer any indication of what that field was asking for. This component addresses that by animating the placeholder upward as a small floating label when the user begins to type. The label stays visible above the field while the user is entering their text, so they never lose track of what they are filling in. The concept, known as the float label pattern, was originally designed by Matt D. Smith and this library was the first implementation of it for iOS. It works as a drop-in replacement for the standard iOS text field and text view components (UITextField and UITextView). It is written in Objective-C and supports iOS 9 and later. Developers can add it to a project using CocoaPods, Carthage, or Swift Package Manager, all common iOS dependency management tools. The pattern became widely adopted after this library was released, and the README lists implementations for Android, various web frameworks including jQuery and AngularJS, Xamarin for cross-platform mobile, JavaFX, and several Swift rewrites. If you are building an iOS app with forms and want a cleaner experience than disappearing placeholders, this component provides that behavior with minimal setup.

Copy-paste prompts

Prompt 1

I'm building an iOS sign-up screen using JVFloatLabeledTextField. Show me how to add it via Swift Package Manager and replace my existing UITextField with it.

Prompt 2

I'm using JVFloatLabeledTextField in my iOS app. How do I customize the floating label font size, color, and animation duration?

Prompt 3

I want to use the JVFloatLabeledTextField float label pattern but I'm writing Swift. Help me wrap the Objective-C component for use in a SwiftUI form.

Open on GitHub → Explain another repo

← jverdi on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.