All Projects → jwd-ali → JDTextField

jwd-ali / JDTextField

Licence: MIT License
Animated UITextField enhance UX for the user by giving clarity that they are focused

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to JDTextField

Tweetextfield
Lightweight set of text fields with nice animation and functionality. 🚀 Inspired by https://uimovement.com/ui/2524/input-field-help/
Stars: ✭ 421 (+2115.79%)
Mutual labels:  uikit, uitextfield
CurrencyText
Currency text field formatter available for UIKit and SwiftUI 💶✏️
Stars: ✭ 124 (+552.63%)
Mutual labels:  uikit, uitextfield
Jelly
🌊 - Jelly is a library for animated, non-interactive & interactive viewcontroller transitions and presentations with the focus on a simple and yet flexible API.
Stars: ✭ 2,319 (+12105.26%)
Mutual labels:  uikit, animations
Animatify Ios
Animation, Effects & Transitions for iOS
Stars: ✭ 350 (+1742.11%)
Mutual labels:  uikit, animations
Viewanimator
ViewAnimator brings your UI to life with just one line
Stars: ✭ 6,592 (+34594.74%)
Mutual labels:  uikit, animations
Placeholders
🅿️ Define multiple placeholders for UITextField and animate their change
Stars: ✭ 190 (+900%)
Mutual labels:  uikit, uitextfield
TJTextField
UITextField with underline and left image
Stars: ✭ 45 (+136.84%)
Mutual labels:  uitextfield, uitextfield-navigation
SectionKit
♻️ Reusable sections for UICollectionView
Stars: ✭ 47 (+147.37%)
Mutual labels:  uikit
Celestial.UIToolkit
A custom WPF toolkit which is inspired by a lot of the current design languages, including Microsoft's Fluent Design and Google's Material Design.
Stars: ✭ 32 (+68.42%)
Mutual labels:  animations
Texture
Smooth asynchronous user interfaces for iOS apps.
Stars: ✭ 7,512 (+39436.84%)
Mutual labels:  uikit
taiga-ui
Angular UI Kit and components library for awesome people
Stars: ✭ 2,251 (+11747.37%)
Mutual labels:  uikit
ViewDidAppearFirstTime
🙈 Adds viewWillAppearFirstTime(_:) and viewDidAppearFirstTime(_:) to UIViewController
Stars: ✭ 14 (-26.32%)
Mutual labels:  uikit
Movie Trailers SwiftUI
A simple app which shows the lastest movies trailers based on different genres developed using SwiftUI.
Stars: ✭ 51 (+168.42%)
Mutual labels:  uikit
YTAnimation
iOS动画集锦, swift, 核心动画, 基础动画,关键帧动画, 组动画, 过渡动画, 进度条,项目案例.
Stars: ✭ 60 (+215.79%)
Mutual labels:  cabasicanimation
TinderUISamples
[ING] - TinderのようなUIを様々な実装で実現してみる
Stars: ✭ 30 (+57.89%)
Mutual labels:  uikit
scrollxp
Alpine.js-esque library for scrolling animations on websites
Stars: ✭ 50 (+163.16%)
Mutual labels:  animations
Coogle
A shot-for-shot remake of the Google Login Page.
Stars: ✭ 34 (+78.95%)
Mutual labels:  animations
buildings-wave
🏤 A tutorial on how to create a 3D building wave animation with three.js and TweenMax
Stars: ✭ 66 (+247.37%)
Mutual labels:  animations
learn-css-animation
Learn CSS animation with fun. It is simple, easy to use, and fun to learn.
Stars: ✭ 54 (+184.21%)
Mutual labels:  animations
Invalidating
Backports the new @invalidating property wrapper to older platforms
Stars: ✭ 53 (+178.95%)
Mutual labels:  uikit

JDTextField

CI Status CocoaPods Version Carthage Compatible License Platform Swift 5.1

JDTextField is animateable UITextField that can significantly enhance your user's experiences and set your app apart from the rest of the pack.


It is build using CABasicAnimation and CAShapeLayer through UIBezierpath. Its fun to play with CoreGraphics.It starts slow and By the end, you’ll be able to create stunning graphics for your apps.



Requirements

  • iOS 11.0+ / Mac OS X 10.9+ / watchOS 2.0+ / tvOS 9.0+
  • Xcode 8.0+

Installation

CocoaPods

To integrate JDTextField into your Xcode project using CocoaPods, specify it in your Podfile:

use_frameworks!

pod 'JDTextField'

Then, run the following command:

$ pod install

Carthage

To integrate JDTextField into your Xcode project using Carthage, specify it in your Cartfile:

github "jwd-ali/JDTextField"

Swift Package Manager (SPM)

Prerequisites

  • OSX

Update Package.swift

To integrate JDTextField in your project, add the proper description to your Package.swift file:

// swift-tools-version:5.0
import PackageDescription

let package = Package(
    name: "YOUR_PROJECT_NAME",
    dependencies: [
        .package(url: "https://github.com/jwd-ali/JDTextField.git")
    ],
    targets: [
        .target(
            name: "YOUR_TARGET_NAME",
            dependencies: ["JDTextField"]
        ),
        ...
    ]
)

Manually

If you prefer not to use a dependency manager, you can integrate JDCircularProgress into your project manually.

  • Add sources into your project:
    • Drag Sources

Usage

If you are using any dependency manager (pods , carthage , package manager)to integrate JDCircularProgress. Import JDCircularProgress first:

import JDTextField

And for Manuall install you dont need to import anything

  • Init your view with JDTextField:
  let field = JDTextField(type: .circular) or let field = JDTextField(type: .square)

lineWidth

field.lineWidth = 2

Shape color is actually color of shape that is drawn

field.shapeColor = UIColor.red.withAlphaComponent(0.3)

See the Demo Xcode project its easy to understand with proper comments on properties .. write me if you didn't get anything [email protected]

Congratulations! You're done.

Contributing

I’d love to have help on this project. For small changes please open a pull request, for larger changes please open an issue first to discuss what you’d like to see.

License

JDTextField is under MIT. See 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].