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

  •        8

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.

https://github.com/jverdi/JVFloatLabeledTextField

Tags
Implementation
License
Platform

   




Related Projects

SwiftProgressHUD - 📦 SwiftProgressHUD is a user-friendly pure swift HUD. 支持Cocoapods 及 Carthage

  •    Swift

SwiftProgressHUD is an iOS drop-in class that displays a translucent HUD with an indicator and/or labels while work is being done in a background thread. The HUD is meant as a replacement for the undocumented, private UIKit UIProgressHUD with some additional features. You will need the latest developer tools in order to build SwiftProgressHUD. Old Xcode versions might work, but compatibility will not be explicitly maintained.

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.

CFNotify - A customizable framework to create draggable views

  •    Swift

Please read CHANGELOG.md. There is an example project inside the source code. You are suggested to have a look first and get familiar with this framework.

uikit - UIKit - modern ui components for the modern web

  •    Javascript

UIKit - modern ui components for the modern web


TKRubberIndicator - A rubber animation pagecontrol

  •    Swift

Create a Cartfile that lists the framework and run carthage update. Follow the instructions to add $(SRCROOT)/Carthage/Build/iOS/TKRubberPageControl.framework to an iOS project.

TKSwitcherCollection - An animation switch collection

  •    Swift

Create a Cartfile that lists the framework and run carthage update. Follow the instructions to add $(SRCROOT)/Carthage/Build/iOS/TKSwitcherCollection.framework to an iOS project. We would love for you to contribute to TKSwitcherCollection, check the LICENSE file for more info.

LoadingShimmer - An easy way to add a shimmering effect to any view with just one line of code

  •    Swift

An easy way to add a shimmering effect to any view with just single line of code. It is useful as an unobtrusive loading indicator. This is a network request waiting for the framework, the framework to increase the dynamic effect, convenient and fast, a line of code can be used. To run the example project, clone the repo, and run pod install from the Example directory first.

CardParts - A reactive, card-based UI framework built on UIKit for iOS developers.

  •    Swift

To run the example project, clone the repo, and run pod install from the Example directory first. In ViewController.swift you will be able to change the cards displayed and/or their order by commenting out one of the loadCards(cards: ) functions. If you want to change the content of any of these cards, you can look into each of the CardPartsViewController you pass into the function such as: TestCardController, Thing1CardController, Thing2CardController, etc.

ContextMenu - An iOS context menu UI inspired by Things 3.

  •    Swift

For Carthage, just add GitHawkApp/ContextMenu to your Cartfile and carthage bootstrap. You must provide a custom UIViewController to display in the menu. The only requirement is that you must set preferredContentSize to size your content.

Hokusai - A Swift library to provide a bouncy action sheet

  •    Swift

Hokusai is a Swift library that provides a bouncy action sheet. It will give the users a fancy experience without taking pains coding the cool animation. Hokusai is compatible with Swift3. Drop in the Classes folder to your Xcode project. You can also use cocoapods or Carthage.

LiquidFloatingActionButton - Material Design Floating Action Button in liquid state

  •    Swift

LiquidFloatingActionButton is floating action button component of material design in liquid state, inspired by Material In a Liquid State. This is also spinner loader components in liquid state. You just need implement LiquidFloatingActionButtonDataSource and LiquidFloatingActionButtonDelegate similar to well-known UIKit design.

shards-ui - 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components

  •    CSS

A modern UI kit packed with 2 custom page templates and 11 extra custom components built on top of Bootstrap 4 (final). The distributed Shards assets are also available via CDN through unpkg and jsDelivr.

WatchdogInspector - Shows your current framerate (fps) in the status bar of your iOS app

  •    Shell

WatchdogInspector counts your app's framerate and displays the fps in the status bar. The coloured status bar lets you know when your framerate drops below 60 fps. If everything is fine your status bar gets happy and will stay green. To detect unwanted main thread stalls you can set a custom watchdog timeout. and run pod install You can see the example project how to setup and run WatchdogInspector Make sure that you don't use WatchdogInspector in production.

OverlayContainer - Non-intrusive iOS UI library to implement overlay based interfaces

  •    Swift

It tries to be as lightweight and non-intrusive as possible. The layout and the UI customization are done by you to avoid to corrupt your project. It perfectly mimics the overlay presented in the Siri Shotcuts app. See this article for details.

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.

now-ui-kit - Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim

  •    CSS

Now UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates. Now will help you create a clean and simple website that is a perfect fit for today's flat design. It is built using the 12 column grid system, with components designed to fit together perfectly. It makes use of bold colours, beautiful typography, clear photography and spacious arrangements.

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.

QMUI_iOS - QMUI iOS——致力于提高项目 UI 开发效率的解决方案

  •    Objective-C

QMUI iOS——致力于提高项目 UI 开发效率的解决方案

react-virgin - The react-native UI Kit you've been looking for.

  •    Javascript

Trixie is a meditation app chatbot to suggest you meditations based on your mood and time of the day. React-Virgin requires Node.js v4+ to run.