TextFieldEffects - Custom UITextFields effects inspired by Codrops, built using Swift

•    Swift

---

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).

textfield effects animation

SkyFloatingLabelTextField - A beautiful and flexible text field control implementation of "Float Label Pattern"

•    Swift

---

SkyFloatingLabelTextField is a beautiful, flexible and customizable implementation of the space saving "Float Label Pattern". This design enables adding context to input fields that are visible at the time of typing, while minimizing the additional space used to display this additional context. This component is used in the Skyscanner TravelPro iOS application in several places, like when searching for flights. On top of implementing the space-saving floating title, the component also supports using iconography, RTL text support (e.g. Arabic & Hebrew), various states (error, selected, highlighted states), and is very much customizable and extensible.

interface-builder cocoapods textfield

Material - A UI/UX framework for creating beautiful applications.

•    Swift

---

Welcome to Material, a UI/UX framework for creating beautiful applications. Material's animation system has been completely reworked to take advantage of Motion, a library dedicated to animations and transitions. Take a look at a sample Photos project to get started.

material design material-design animation graphics ios ui ux material-colors navigation-drawer textfield photos searchbar snackbar cosmicmind card navigation-controller swift-3

alerts-and-pickers - Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date

•    Swift

---

Advanced usage of native UIAlertController with TextField, TextView, DatePicker, PickerView, TableView, CollectionView and MapView. When setting your own custom UIViewController into UIAlertController keep in mind to set prefferedContentSize.height of the controller otherwise it will no effect. You can not set prefferedContentSize.width.

uialertcontroller picker image-picker pickerview textfield datepicker uitextfield alert color-picker login signin country-picker currency-picker phonecode telegram-picker telegram contacts location map

react-mdl - React Components for Material Design Lite

•    CSS

---

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

react-native-textinput-effects - Text inputs with custom label and icon animations for iOS and android

•    Javascript

---

I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-native. Some of those text fields are now ready to use in iOS and android thanks to react-native. There is also a native iOS library called TextFieldEffects which has built some of them in Swift.

react react-component react-native text-input textinput textfield animation animated ios android

react-native-material-textfield - Material textfield

•    Javascript

---

Copyright 2017 Alexander Nazarov. All rights reserved.

react react-native material material-design ios android react-component input textinput field textfield floating label

TextFieldCounter - UITextField character counter with lovable UX 💖. No math skills required 🙃.

•    Swift

---

We would ❤️ to see your contribution! To contribute to TextFieldCounter, check the LICENSE file for more info. Distributed under the MIT license. See LICENSE for more information.

uitextfield textfield

TweeTextField - Lightweight set of text fields with nice animation and functionality

•    Swift

---

This is lightweight library that provides different types of Text Fields based on your needs. I was inspired by Jan Henneberg. Then run pod install to integrate the library in your project.

ios uitextfield textfield ui animation cocoapods interface-builder

FlagPhoneNumber - A formatted phone number UITextField with country flag picker.

•    C

---

FlagPhoneNumber is a phone number textfield with a fancy country code picker. To run the example project, clone the repo, and run pod install from the Example directory first.

flags country picker phonenumber textfield

react-number-editor - Custom number editor (text field) react component

•    Javascript

---

A react component to easily use number inputs. This one acts like those in After Effects or similar software. MIT, see LICENSE.md for details.

react react-component number editor textfield dom element

LMDFloatingLabelTextField - Customisable iOS TextField with floating placeholder

•    Swift

---

To run the example project, clone the repo, and run pod install from the Example directory first. Add LMDFloatingLabelTextField in your Podfile.

textfield lemonade ios component

PasswordTextField - A custom TextField with a switchable icon which shows or hides the password and enforce good password policies

•    Swift

---

A custom TextField with a switchable icon which shows or hides the password and enforces good password policies, written in Swift. Create a Cartfile that lists the framework and run carthage bootstrap. Follow the instructions to add $(SRCROOT)/Carthage/Build/iOS/PasswordTextField.framework to an iOS project.

passwordtextfield password textfield carthage cocoapods custom-textfield

TaniwhaTextField - My first cocoapod framework

•    Shell

---

TaniwhaTextField is a lightweight and beautiful swift textfield framework. It has float label pattern, and also you can highly customise it. To run the example project, clone the repo, and run pod install from the Example directory first.

ios swift3 textfield swift-framework swift-package-manager framework animation ios-sdk cocoapods ios-ui

FormToolbar - Simple, movable and powerful toolbar for UITextField and UITextView.

•    Swift

---

Simple, movable and powerful toolbar for UITextField and UITextView. Download all *.swift files and put your project.

swift-3 swift-library swift-framework ios toolbar keyboard textfield textview easy-to-use powerful

ATGValidator - iOS validation framework with form validation support

•    Swift

---

ATGValidator is a validation framework written to address most common issues faced while verifying user input data. You can use it to validate different data types directly, or validate ui components like UITextfield or UITextView, or even add validation support to your custom UI elements. You don't need to subclass native components to get the validation support. UITextField and UITextView has the support out of the box, adding support for any other elements is as simple as adding an extension with protocol conformance to ValidatableInterface.

validation validator form validation-library form-validation ios rule-based rule form-validator string-matching regex luhn-algorithm email-validation password-validation password-strength creditcard-validator credit-card textfield textfield-validation