Displaying 1 to 19 from 19 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).

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.