RSFloatInputView - A Float Input View with smooth animation and supporting icon and seperator written with Swift

  •        3

RSFloatInputView is available under the MIT license. See the LICENSE file for more info.



Related Projects

JVFloatLabeledTextField - UITextField subclass with floating labels - inspired by Matt D

  •    Objective-C

JVFloatLabeledTextField is the first implementation of a UX pattern that has come to be known the "Float Label Pattern". Due to space constraints on mobile devices, it is common to rely solely on placeholders as a means to label fields. This presents a UX problem, in that, once the user begins to fill out a form, no labels are present.

RPFloatingPlaceholders - UITextField and UITextView subclasses with placeholders that change into floating labels when the fields are populated with text

  •    Objective-C

Please use JVFloatLabeledTextField instead or feel free to chime in on an issue if you'd like to take over the repo. UITextField and UITextView subclasses with placeholders that change into floating labels when the fields are populated with text.

UITextField-Navigation - UITextField-Navigation makes it easier to navigate between UITextFields and UITextViews

  •    Swift

UITextField-Navigation adds next, previous and done buttons to the keyboard for your UITextFields and UITextViews. It allows you to specify a next field either on the Interface Builder or programmatically. Then, you can access next and previous fields of each UITextField or UITextView easily. The UI is highly customizable. RTL languages are supported.

UIFloatLabelTextField - A subclassed UITextField that follows the Float Label UI design pattern.

  •    Objective-C

If you are looking for the UITextView equivalent of this class, please visit my UIFloatLabelTextView repository. In 2013, Matt D. Smith unveiled the Float Label user interface design pattern. In short, it retains a text field's placeholder above said text field as a floating label. This label is brightly colored when the field is active, and dimly colored when a user has finished editing that field.

meteor-autoform - AutoForm is a Meteor package that adds UI components and helpers to easily create basic forms with automatic insert and update events, and automatic reactive validation

  •    Javascript

AutoForm is a Meteor package that adds UI components and helpers to easily create basic forms with automatic insert and update events, and automatic reactive validation. Versions 6+ of this package require that you separately install the simpl-schema NPM package. Prior versions require and automatically install the simple-schema Meteor package. You can optionally use it with the collection2 package, which you have to add to your app yourself. AutoForm 6.0 is now available and requires switching your app to using the SimpleSchema package from NPM. Be sure to check out the change log for full details. Note that if you use add-on packages that haven't been updated yet, you will not yet be able to update to version 6.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

LRSmartTextField - UITextField with floating label, validation and input mask

  •    Objective-C

A subclass of UITextField that supports float label, validation, inputmask, and IB_DESIGNABLE (Xcode 6). The expectation is that our text field can offer great functionality, while keeping the original design.

WSTagsField - An iOS text field that represents different Tags

  •    Swift

An iOS text field that represents different Tags. Then run carthage update.

Seaside - Web framework for Smalltalk platforms

  •    Pharo

Seaside provides a layered set of abstractions over HTTP and HTML that let you build highly interactive web applications quickly, reusably and maintainably. It is based on Smalltalk, a proven and robust language that is implemented by different vendors.


  •    Javascript

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

storybook - UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

  •    TypeScript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

Preloader.Ophiuchus - Custom Label to apply animations on whole text or letters.

  •    Objective-C

Custom Label to apply animations on whole text or letters. Alternatively you can directly add all the source files from Ophiuchus to your project.

Brick - UI Web Components for Modern Web Apps

  •    Javascript

Brick is a collection of UI components designed for the easy and quick building of web application UIs. Brick components are built using the Web Components standard to allow developers to describe the UI of their app using the HTML syntax they already know.

placeholdem - Placeholder Caret Animation

  •    CSS

This project is no longer being developed or maintained. The effect this plugin gives is visually appealing, but it's a bad practice in terms of usability and accessibility. On top of that, manipulating the values of different HTML5 input types directly has a lot of issues (text, email, number, search, etc.). I suggest using an alternative styling for labels and placeholders, such as Floating Labels. Placeholdem is a JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.


  •    Java

open source UI components data binding framework for Java using JDO. The linked components are forms, trees and tables and implementations are for Echo web framework, Swing and JSF. Also provides validation support, internationalisation etc

PaymentKit - Easily accept payments on iOS

  •    Objective-C

PaymentKit is a utility library for writing payment forms in iOS apps.We've moved development of PaymentKit's components into our main iOS SDK. This will make it easier for us to keep them up-to-date, and make installation and integration simpler for most apps. Despite this, please note that you don't have to be a Stripe user to use these components - the UI we've built has no dependencies on the Stripe API.

AppCore - Core code shared by the initial ResearchKit apps.

  •    Objective-C

AppCore is a layer built on top of ResearchKit which forms the core of the five initial ResearchKit apps. We are excited about how helpful AppCore has been in the development of several ResearchKit apps. In order to help the ResearchKit community derive the most utility from the individual components in AppCore, we’re working hard with many developers to transition components of AppCore into the main ResearchKit repo. As a result, we will only be accepting bug fixes to AppCore moving forward and hope you’ll continue giving feature and UI enhancements once the pieces are fully integrated into ResearchKit’s repo.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.