How to install SkyFloatingLabelTextField with CocoaPods?

Add 'pod SkyFloatingLabelTextField, ~> 3.0' to your Podfile, run 'pod update', and import it in Swift files. For Objective-C, use 'use_frameworks!' in the Podfile and '@import SkyFloatingLabelTextField;' in code.

Is SkyFloatingLabelTextField better than standard UITextField for forms?

It excels for implementing the float label pattern with animations and customization, but if you need simplicity and native behavior without extra dependencies, UITextField might be sufficient. SkyFloatingLabelTextField adds polish at the cost of setup.

How to add a FontAwesome icon to SkyFloatingLabelTextField?

Use SkyFloatingLabelTextFieldWithIcon, set iconType to .font, specify iconFont as UIFont for FontAwesome, and provide iconText with the Unicode character. Adjust properties like iconMarginBottom for precise positioning as shown in the README examples.

Does SkyFloatingLabelTextField work with SwiftUI?

No, it is built with UIKit and does not have native SwiftUI support. You would need to wrap it in a UIViewRepresentable for use in SwiftUI projects, which adds complexity and may limit integration.

How to handle real-time validation errors in SkyFloatingLabelTextField?

Set the errorMessage property based on validation logic, for example in a textFieldDidChange method. The control visually highlights errors with errorColor, and you can reset it to nil or empty string to clear the error state.

Can I remove the bottom line in SkyFloatingLabelTextField?

Yes, set lineHeight and selectedLineHeight to 0, and the line won't be displayed. This is mentioned in the README FAQ for customizing the appearance without the default underline.

Open-Awesome

SkyFloatingLabelTextField

Apache-2.0Swift3.8.0

A customizable iOS text field control implementing the Float Label Pattern with icon support and RTL language compatibility.

GitHub

4.1k stars541 forks0 contributors

What is SkyFloatingLabelTextField?

SkyFloatingLabelTextField is an iOS text field component that implements the Float Label Pattern, where placeholder text animates into a title label above the input field. It solves the problem of cluttered forms by providing persistent context without occupying extra screen space, enhancing usability in data-entry screens. The component is highly customizable, supporting icons, error states, and RTL languages.

Target Audience

iOS developers building forms or data-entry interfaces in Swift or Objective-C who need a polished, space-efficient text input solution with extensive customization options.

Value Proposition

Developers choose it for its production-ready implementation of the Float Label Pattern, extensive customization capabilities, and built-in support for icons, validation states, and RTL languages—all while maintaining a simple API similar to UITextField.

Overview

A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift.

Use Cases

Best For

Implementing the Float Label Pattern in iOS apps
Building custom-designed login or registration forms
Adding iconography to text fields for visual context
Creating forms with real-time validation and error display
Developing apps requiring RTL language support (e.g., Arabic, Hebrew)
Replacing standard UITextField with a more polished, animated alternative

Not Ideal For

Apps built exclusively with SwiftUI that prefer native components
Projects requiring complex form logic like dynamic field generation or multi-step wizards
Teams that prioritize minimal dependencies and stick to Apple's native UITextField for simplicity

Pros & Cons

Pros

Flexible Customization

Offers full control over colors, fonts, line heights, and states such as error and disabled, with examples in the README showing how to tweak properties like selectedLineColor for precise design matching.

Icon and RTL Support

Supports adding icons via custom fonts (e.g., FontAwesome) or images, and includes automatic right-to-left layout adjustment for languages like Arabic and Hebrew, enhancing internationalization.

Built-in Error Handling

Provides visual error states with customizable error messages, demonstrated in the README with real-time validation examples that highlight fields based on input conditions.

Extensible Architecture

Includes subclassing hooks for layout and color updates, such as overriding updateColors or titleLabelRectForBounds, allowing deep customization beyond standard properties.

Cons

Swift Version Fragmentation

Breaking changes between Swift versions (e.g., version 2.0 drops Swift 2.3 support) require careful version management, which can complicate migration and maintenance for older projects.

Icon Setup Complexity

Integrating icons necessitates handling custom fonts or images, with manual adjustments for properties like iconMarginBottom and iconRotationDegrees, adding development overhead for precise positioning.

UIKit-Only Limitation

Built for UIKit and lacks native SwiftUI support, restricting its use in modern iOS apps that adopt Apple's latest UI frameworks without additional wrapping code.

Frequently Asked Questions

Related Projects

JVFloatLabeledTextField

UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users

Stars7,156

Forks722

Last commit3 years ago

TextFieldEffects

Custom UITextFields effects inspired by Codrops, built using Swift

Stars6,017

Forks592

Last commit2 years ago

PYSearch

🔍 An elegant search controller which replaces the UISearchController for iOS (iPhone & iPad) .

Stars3,795

Forks741

Last commit5 years ago

Reel Search

:octocat: 🔍 RAMReel is a UI controller that allows you to choose options from a list. Swift UI library made by @Ramotion

Stars2,516

Forks179

Last commit6 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub