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 animationSkyFloatingLabelTextField 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 textfieldWelcome 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-3Advanced 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 mapThis 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 tabsI'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 androidCopyright 2017 Alexander Nazarov. All rights reserved.
react react-native material material-design ios android react-component input textinput field textfield floating labelWe 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 textfieldThis 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-builderFlagPhoneNumber 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 textfieldA 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 elementTo run the example project, clone the repo, and run pod install from the Example directory first. Add LMDFloatingLabelTextField in your Podfile.
textfield lemonade ios componentA 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-textfieldATGValidator 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-validationTaniwhaTextField 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-uiSimple, 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 powerfulA customizable code text field supporting syntax highlighting
syntax-highlighting editor language syntax code highlight field flutter textfieldFloatingLabelTextFieldSwiftUI 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 floatinglabeltextfieldswiftuiA 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.
web-components custom-elements material-components material-design material-style button card checkbox dialog drawer fab icon radio slider snackbar toast switch tabs textfield input top-app-bar
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.