How do I change the placeholder color in TextFieldEffects?

Use properties like placeholderColor and foregroundColor in code, as shown in the KaedeTextField example. In Interface Builder, these are exposed as inspectable attributes for easy visual tweaking.

Is TextFieldEffects better than coding animations from scratch?

TextFieldEffects saves development time with ready-made, polished animations, but if you need unique effects not in the library, custom code is necessary. It's ideal for standard enhancements but less flexible for bespoke designs.

Does TextFieldEffects work with SwiftUI?

No, it's built for UIKit and UITextField. To use it in SwiftUI, you must wrap it in a UIViewRepresentable, which adds complexity and may not integrate seamlessly.

How to install TextFieldEffects without using CocoaPods?

The README recommends manual installation by dragging the TextFieldEffects folder into your project to avoid framework issues. Carthage is also supported as an alternative dependency manager.

Why are my TextFieldEffects animations not showing in Interface Builder?

This is likely due to the iOS framework bug mentioned in the README. Switch to manual installation instead of CocoaPods or Carthage to ensure IBDesignable properties are preserved and visible.

Which TextFieldEffect is best for a login screen?

Effects like Hoshi or Kaede are popular for login screens due to their clean, animated placeholders that guide user input. Preview all nine in the included example project to match your design.

Open-Awesome

TextFieldEffects

MITSwift1.7.0

A collection of customizable, animated UITextField effects for iOS, built with Swift.

GitHub

6.0k stars591 forks0 contributors

What is TextFieldEffects?

TextFieldEffects is an open-source Swift library that provides a collection of animated, customizable UITextField effects for iOS apps. It recreates visually striking text input animations inspired by Codrops, allowing developers to easily add polished, interactive form fields without building animations from scratch. The library includes nine distinct effects like Kaede, Hoshi, and Jiro, each with smooth transitions for placeholders and borders.

Target Audience

iOS developers looking to enhance their app's user interface with pre-built, animated text field components, particularly those seeking design inspiration from popular web animations adapted for native iOS.

Value Proposition

Developers choose TextFieldEffects for its ready-to-use, well-documented effects that save time compared to custom animation code, its full support for Interface Builder with IBDesignable/IBInspectable properties, and its lightweight, focused approach to UI enhancement without heavy dependencies.

Overview

Custom UITextFields effects inspired by Codrops, built using Swift

Use Cases

Best For

Adding animated text fields to iOS login or signup screens
Enhancing form interactions in Swift-based iOS apps
Quickly prototyping polished UI text inputs with minimal code
Implementing Codrops-inspired animations in native iOS projects
Creating visually engaging settings or data entry interfaces
Learning Swift UI customization with practical, reusable components

Not Ideal For

iOS projects built entirely with SwiftUI that prefer native components
Apps requiring cross-platform text field compatibility (e.g., with React Native or Flutter)
Teams needing highly customizable animations beyond the nine predefined effects

Pros & Cons

Pros

Easy Integration

Supports multiple installation methods including manual drag-and-drop, CocoaPods, and Carthage, as outlined in the README, making it simple to add to any iOS project.

Interface Builder Ready

Fully compatible with IBDesignable and IBInspectable, allowing visual customization directly in storyboards without writing code, per the README's instructions.

Rich Animation Variety

Offers nine distinct text field effects like Kaede and Hoshi, each with smooth placeholder and border animations, providing diverse UI enhancements.

Well-Documented Examples

Each effect is documented in source code, and an included example project helps developers understand and implement the animations effectively.

Cons

Framework Compatibility Issues

README mentions a known iOS bug where IBInspectable properties are stripped in frameworks, forcing manual installation for full functionality.

No SwiftUI Support

Built on UIKit's UITextField, making it incompatible with SwiftUI-based apps without additional bridging code or workarounds.

Potentially Outdated

README references support for older Swift versions (2.3, 2.1, 1.2), suggesting the project may not be actively maintained for current Swift releases.

Limited Customization Scope

Confined to nine predefined effects; creating new animations requires modifying the library source code, which isn't straightforward for most users.

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,147

Forks719

Last commit3 years ago

SkyFloatingLabelTextField

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

Stars4,127

Forks540

Last commit1 year ago

PYSearch

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

Stars3,778

Forks735

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,509

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