GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → mukyasa → Mmtextfieldeffects

mukyasa / Mmtextfieldeffects

Licence: other
Extension of TextFieldEffects with Custom UITextFields effects inspired by Codrops, built using Objective-C

Labels

iosanimationtextfielduitextfield

Projects that are alternatives of or similar to Mmtextfieldeffects

Autocompletefield
Subclass of UITextField that shows inline suggestions while typing.
Stars: ✭ 656 (+5.98%)
Mutual labels:  textfield, uitextfield
TextInputLayout
The objective of this code is to guide you to create login screen with TextInputLayout in iOS app.
Stars: ✭ 30 (-95.15%)
Mutual labels:  uitextfield, textfield
LycricsTextView
No description or website provided.
Stars: ✭ 14 (-97.74%)
Mutual labels:  uitextfield, textfield
CurrencyText
Currency text field formatter available for UIKit and SwiftUI 💶✏️
Stars: ✭ 124 (-79.97%)
Mutual labels:  uitextfield, textfield
Ragtextfield
Subclass of UITextField that adds an animated placeholder and an optional hint label below the text.
Stars: ✭ 227 (-63.33%)
Mutual labels:  textfield, uitextfield
Underlinetextfield
Simple UITextfield Subclass with state
Stars: ✭ 156 (-74.8%)
Mutual labels:  textfield, uitextfield
Tweetextfield
Lightweight set of text fields with nice animation and functionality. 🚀 Inspired by https://uimovement.com/ui/2524/input-field-help/
Stars: ✭ 421 (-31.99%)
Mutual labels:  textfield, uitextfield
Awesometextfieldswift
Awesome TextField is a nice and simple libriary for iOS and Mac OSX. It's highly customisable and easy-to-use tool. Works perfectly for any registration or login forms in your app.
Stars: ✭ 221 (-64.3%)
Mutual labels:  textfield, uitextfield
Alerts And Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date...
Stars: ✭ 5,267 (+750.89%)
Mutual labels:  textfield, uitextfield
Textfieldcounter
UITextField character counter with lovable UX 💖. No math skills required 🙃.
Stars: ✭ 424 (-31.5%)
Mutual labels:  textfield, uitextfield
ThinCreditCard
💳 Simple way to add a credit card
Stars: ✭ 40 (-93.54%)
Mutual labels:  textfield
Flagphonenumber
A formatted phone number UITextField with country flag picker.
Stars: ✭ 371 (-40.06%)
Mutual labels:  textfield
Shsphonecomponent
UITextField and NSFormatter subclasses for formatting phone numbers. Allow different formats for different countries(patterns).
Stars: ✭ 367 (-40.71%)
Mutual labels:  uitextfield
TJTextField
UITextField with underline and left image
Stars: ✭ 45 (-92.73%)
Mutual labels:  uitextfield
LMDFloatingLabelTextField
Customisable iOS TextField with floating placeholder
Stars: ✭ 23 (-96.28%)
Mutual labels:  textfield
detectable text field
TextField and Text widget with detection features. You can detect hashtags, at sign, or anything you want.
Stars: ✭ 29 (-95.32%)
Mutual labels:  textfield
Uitextfield Navigation
🏄‍♂️ UITextField-Navigation makes it easier to navigate between UITextFields and UITextViews
Stars: ✭ 436 (-29.56%)
Mutual labels:  uitextfield
Inputkit
📝InputKit, an Elegant Kit to limits your input text, inspired by BlocksKit, written in both Objective-C & ⚡️Swift.
Stars: ✭ 420 (-32.15%)
Mutual labels:  textfield
Passwordtextfield
A custom TextField with a switchable icon which shows or hides the password and enforce good password policies
Stars: ✭ 281 (-54.6%)
Mutual labels:  textfield
Uitextview Wzb
一个强大的UITextView分类，三大功能，让系统TextView自带placeholder属性、自动高度、支持输入图片
Stars: ✭ 259 (-58.16%)
Mutual labels:  textfield
View All Similar Projects ➔

MMTextFieldEffects

Inspired From this Website Here and the Project made by raulriera Here.

##Video Preview Here

So felt like doing some of remaining animated textfields,Tried to simulate the way it is in website

Currently it features the following effects from the article:

  • [x] Ichiro
  • [x] Juro
  • [x] Kuro
  • [x] Minoru
  • [x] Nariko
  • [x] Yoshika
  • [x] Nao

####Credits

####Improvement

  • Nao is still in testing phase,trying to crack the animation, Feel Free to crack and share the code

####Screenshots

##Ichiro MMTextFieldEffects

##Juro MMTextFieldEffects

##Kuro MMTextFieldEffects

##Minoru MMTextFieldEffects

##Nariko MMTextFieldEffects

##Yoshiko MMTextFieldEffects

##Nao MMTextFieldEffects

How to Use

Just subclass your TextField to respective class.

![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Screen Shot 2015-07-24 at 3.38.41 pm.png)

####Note

  • Default TextField Height Used Here is 80 Feel Free To Customise and Play with Properties According to your Requirements, Following are properties used for specific purpose
  • borderTextField For Outer Frame Used in Ichiro , Juro , Minoru , Nariko and Yoshiko
  • contentTextfield For Inner Frame Used in Ichiro and Nariko
  • leftLayer For Outer Layer Used In Kuro and Nao
  • rightLayer For Outer Layer Used In Kuro
  • placeHolderLabel Place Holder Text Used in All
  • textRectForBounds Method to move the cursor of textfield

How to use them

Check out the demo project to see the configuration options for each effect.

My Other Repositories

MMPaper:
https://github.com/mukyasa/MMPaper

MMCamScanner:
https://github.com/mukyasa/MMCamScanner

MMGooglePlayNewsStand:
https://github.com/mukyasa/MMGooglePlayNewsStand

MMPaperPanFlip:
https://github.com/mukyasa/MMPaperPanFlip

MMTransitionEffect:
https://github.com/mukyasa/MMTransitionEffect

Contact Me

Mukesh Mandora

Contact: [email protected]

Twitter: http://twitter.com/mandymuku

LinkedIn: https://in.linkedin.com/in/mukeshmandora

License

MMTextFieldEffects is available under the Apache license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].