Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raulriera/TextFieldEffects
Custom UITextFields effects inspired by Codrops, built using Swift
https://github.com/raulriera/TextFieldEffects
animation effects swift textfield
Last synced: 3 days ago
JSON representation
Custom UITextFields effects inspired by Codrops, built using Swift
- Host: GitHub
- URL: https://github.com/raulriera/TextFieldEffects
- Owner: raulriera
- License: mit
- Created: 2015-01-22T22:13:22.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2024-01-28T17:53:51.000Z (11 months ago)
- Last Synced: 2024-12-04T19:08:24.843Z (8 days ago)
- Topics: animation, effects, swift, textfield
- Language: Swift
- Homepage:
- Size: 647 KB
- Stars: 5,960
- Watchers: 133
- Forks: 598
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-ios - TextFieldEffects - Custom UITextFields effects inspired by Codrops, built using Swift. (UI / TextField & TextView)
- awesome-swift - TextFieldEffects - Several ready to use effects for UITextFields. (Libs / UI)
- awesome-cocoa - TextFieldEffects
- awesome-swift - TextFieldEffects - Several ready to use effects for UITextFields. (Libs / UI)
- awesome-ios-star - TextFieldEffects - Custom UITextFields effects inspired by Codrops, built using Swift. (UI / TextField & TextView)
- awesome-ios - TextFieldEffects - Custom `UITextFields` effects inspired by Codrops, built using Swift. [•](https://raw.githubusercontent.com/raulriera/TextFieldEffects/master/Screenshots/Kaede.gif) (Content / Text Field)
- fucking-awesome-swift - TextFieldEffects - Several ready to use effects for UITextFields. (Libs / UI)
- awesome-swift-cn - TextFieldEffects - Several ready to use effects for UITextFields (Libs / UI)
- awesome-swift-lib-hunt - TextFieldEffects - Many effects and easy to use TextField library (UI)
- awesome-swift-lib-hunt - TextFieldEffects - Many effects and easy to use TextField library (UI)
- awesome-swift - TextFieldEffects - Custom UITextFields effects inspired by Codrops, built using Swift ` 📝 a year ago` (UI [🔝](#readme))
README
# TextFieldEffects [](https://travis-ci.org/raulriera/TextFieldEffects)
I fell in love with the text inputs effects in [this article](http://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects/). 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:
- [x] Kaede
- [x] Hoshi
- [x] Jiro
- [x] Isao
- [x] Minoru
- [x] Yoko
- [x] Madoka
- [x] Akira
- [x] 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](https://github.com/raulriera/TextFieldEffects/releases/tag/1.2.0) tag.
- Looking for Swift 2.1 support? Check out the [1.1.1](https://github.com/raulriera/TextFieldEffects/releases/tag/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](http://www.openradar.me/21258097) where the IBInspectable and IBDesignable are stripped out.
### CocoaPods
Add the following to your Podfile:
``` ruby
use_frameworks!
pod 'TextFieldEffects'
```
### Carthage
Add the following to your Cartfile:
``` ruby
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`
``` swift
let textField = KaedeTextField(frame: textFieldFrame)
textField.placeholderColor = .darkGrayColor()
textField.foregroundColor = .lightGrayColor()
view.addSubView(textField)
```
Is that simple.
## Created by
Raul Riera, [@raulriera](http://twitter.com/raulriera)