TextFieldEffects - SwiftGit

Textfield

TextFieldEffects

December 3, 2023

I fell in love with the text inputs effects in this article. As an exercise I decided to recreate as many of them as I can using Swift (some of them have a personal touch).

Currently it features the following effects from the article:

Kaede
Hoshi
Jiro
Isao
Minoru
Yoko
Madoka
Akira
Yoshiko

How they look

Kaede

Hoshi

Jiro

Isao

Minoru

Yoko

Madoka

Akira

Yoshiko

Installation

Looking for Swift 2.3 support? Check out the 1.2.0 tag.
Looking for Swift 2.1 support? Check out the 1.1.1 tag.
Looking for Swift 1.2 support? Check out the swift-1.2 branch.

Manual

The easiest way to install this framework is to drag and drop the TextFieldEffects/TextFieldEffects folder into your project. This also prevents the frameworks problem in iOS where the IBInspectable and IBDesignable are stripped out.

CocoaPods

Add the following to your Podfile:


                                              
                                                use_frameworks!

pod ‘TextFieldEffects’

Carthage

Add the following to your Cartfile:


                                              
                                                github ‘raulriera/TextFieldEffects’

How to use them

Every effect is properly documented in the source code, this is the best way to both understand and see what they do. There is also an example project included with all the effects and their settings.

Interface Builder

The library is a simple drop-in, as soon as you set your subclass to one of the effects and your module to TextFieldEffects you will be able to see all the IBDesignable settings in the storyboard.

Code

If you like to get your hands dirty, you can use them just like you would normally use any UITextField


                                              
                                                let textField = KaedeTextField(frame: textFieldFrame)

textField.placeholderColor = .darkGrayColor()

textField.foregroundColor = .lightGrayColor()
view.addSubView(textField)

Is that simple.

GitHub

View Github

#animation #effects #swift #textfield

YOU MIGHT ALSO LIKE...

August 12, 2025
SwiftUI

SwiftSpeech

Recognize your user's voice elegantly without having to figure out authorization and audio engines. SwiftSpeech Examples Features Installation Getting Started ...

August 12, 2025
SwiftUI

SwiftUIValueSlider

Example To run the example project, clone the repo, and run pod install from the Example directory first. Requirements iOS 14.0 Installation ...

August 11, 2025
SwiftUI

Sliders

Sliders is a compilation of all my stylable drag based SwiftUI components. It provides a variety of unique controls as well ...

August 11, 2025
SwiftUI

SlidingRuler

SlidingRuler is a Swift package containing a SwiftUI control that acts like an linear infinite slider or a finite, more precise ...

August 11, 2025
SwiftUI

Skeletonui

SkeletonUI aims to bring an elegant, declarative syntax to skeleton loading animations. Get rid of loading screens or spinners and ...