• Stars
    star
    5,914
  • Rank 6,503 (Top 0.2 %)
  • Language
    Swift
  • License
    MIT License
  • Created over 9 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Custom UITextFields effects inspired by Codrops, built using Swift

TextFieldEffects Build Status

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

Currently it features the following effects from the article:

  • Kaede
  • Hoshi
  • Jiro
  • Isao
  • Minoru
  • Yoko
  • Madoka
  • Akira
  • Yoshiko

How they look

Kaede

Hoshi

Jiro

Isao

Minoru

Yoko

Madoka

Akira

Yoshiko

Installation

  • Looking for Swift 2.3 support? Check out the 1.2.0 tag.
  • Looking for Swift 2.1 support? Check out the 1.1.1 tag.
  • Looking for Swift 1.2 support? Check out the swift-1.2 branch.

Manual

The easiest way to install this framework is to drag and drop the TextFieldEffects/TextFieldEffects folder into your project. This also prevents the frameworks problem in iOS where the IBInspectable and IBDesignable are stripped out.

CocoaPods

Add the following to your Podfile:

use_frameworks!
pod 'TextFieldEffects'

Carthage

Add the following to your Cartfile:

github 'raulriera/TextFieldEffects'

How to use them

Every effect is properly documented in the source code, this is the best way to both understand and see what they do. There is also an example project included with all the effects and their settings.

Interface Builder

The library is a simple drop-in, as soon as you set your subclass to one of the effects and your module to TextFieldEffects you will be able to see all the IBDesignable settings in the storyboard.

Code

If you like to get your hands dirty, you can use them just like you would normally use any UITextField

let textField = KaedeTextField(frame: textFieldFrame)
textField.placeholderColor = .darkGrayColor()
textField.foregroundColor = .lightGrayColor()

view.addSubView(textField)

Is that simple.

Created by

Raul Riera, @raulriera

More Repositories

1

AuthenticationViewController

A simple to use, standard interface for authenticating to oauth 2.0 protected endpoints via SFSafariViewController.
Swift
256
star
2

Cacher

Super simple caching solution for iOS, macOS, tvOS and watchOS.
Swift
172
star
3

Bike-Compass

iOS and  Watch app to find city bicycles to rent in your city
Swift
80
star
4

Animator

Animator helper class for Titanium Appcelerator.
JavaScript
58
star
5

Titanium-Booker

Titanium port of the wonderful Laker Compendium
JavaScript
53
star
6

UpvoteControl

UIControl for up vote widgets found in Product Hunt and Reddit
Swift
52
star
7

Instagram-For-iPad

Instagram client for iPad. Built using Titanium Alloy from Appcelerator
JavaScript
44
star
8

HuntingKit

Wrapper for the ProductHunt API. Written in Swift
Swift
44
star
9

alloy-widgets

Repository of my Titanium Alloy Widgets
JavaScript
30
star
10

Rater-Module

Create a cycling reminder to go rate your app at the App Store.
JavaScript
28
star
11

technical-articles

Just a place where I can store demo projects for my technical articles.
Swift
27
star
12

InfiniteTableView

A cross platform infinite tableview very similar to Instagram built using Appcelerator Titanium
CoffeeScript
21
star
13

ImageGalleryView

Multiplatform ImageGalleryView for Titanium Appcelerator
CoffeeScript
19
star
14

ForecastView

Extensible View subclass that displays the weather forecast of a given CLLocationCoordinate2D. Written in Swift ❤️
Swift
14
star
15

Remote-Form-Helpers

AJAX Form Helpers for ColdFusion on Wheels
ColdFusion
14
star
16

ColdFusion-Sugar

ColdFusion Sugar for MacRabbit's Espresso
13
star
17

MemPool-Module

MemPool is a module created to simplify the debugging of application performance in Appcelerator's Titanium
JavaScript
11
star
18

Scaffold

Scaffold plugin for ColdFusion on Wheels
ColdFusion
11
star
19

ghost-storage-supabase

Supabase storage adapter for Ghost. Recommended as a completely free storage solution for blogs being hosted on platforms with ephemeral filesystems, like Heroku.
JavaScript
10
star
20

probot-minimum-reviews

enforce a minimum number of reviews on Pull Requests
JavaScript
10
star
21

react-native-window-tint-color

React Native Module to globally tint the keyWindow in an iOS application
Java
9
star
22

Overlay-HUD

A simple Overlay HUD Module for Titanium following CommonJS best practices
JavaScript
8
star
23

WTFamous-App

Titanium Appcelerator application mimicking a magic 8 ball game with famous characters
JavaScript
8
star
24

Localizer

Localizer plugin for ColdFusion on Wheels
ColdFusion
7
star
25

HuntingCompanion

ProductHunt example app using Swift and the HuntingKit framework.
Swift
6
star
26

probot-duplicator

Create full copies of issues with a single command
JavaScript
6
star
27

EmojiStickers

Everything http://www.raulriera.com/emoji
Swift
6
star
28

Transactional-Email-Designer

Responsive transactional HTML email designer
JavaScript
6
star
29

PillLabel

UILabel subclass with support for border color, border radius and padding. All accesible via de Inspector window
Objective-C
4
star
30

BlankStateViewController

Convenience view controller to hide content on errors, present a loading message or simply have something there if you have nothing else to display
Objective-C
4
star
31

LoadingButton

Dead simple UIButton with a companion UIActivityIndicator written in Swift
Swift
3
star
32

Antitabaco-App

Small iOS application to report any establishment not following the anti tobacco law in Spain
JavaScript
3
star
33

Mobile-Helpers

Mobile Helper functions for ColdFusion on Wheels
1
star
34

Bootstrap-Dropdown-Extension

Easily enable content switching in a Bootstrap dropdown
JavaScript
1
star