18 best open source textfield projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 18 from 18 results

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

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

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.

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

FloatingLabelTextFieldSwiftUI - Floating Label TextField for SwiftUI. FloatingLabelTextFieldSwiftUI

Swift

FloatingLabelTextFieldSwiftUI is a small and lightweight SwiftUI framework written in completely swiftUI (not using UIViewRepresentable) that allows to create beautiful and customisable floating label textfield! This library support RTL text (eg. Arabic) and easy to add left view and right view to your text field and customizable. If you like the project, please do not forget to star ★ this repository and follow me on GitHub.

cocoapods interface-builder textfield swiftui floatinglabeltextfield floatinglabeltextfieldswiftui

mega-material - Making Elements Great Again, Material Style

TypeScript

A lightweight set of Web Components (using custom elements and ShadowDOM) implementing Google's Material Design System that should be compatible with any web-framwork on modern ever-green browsers. Fast, efficient, easy to consume and easily themeable.