Swiftpack.co - jwd-ali/JDAnimatedTextField as Swift Package

Swiftpack.co is a collection of thousands of indexed Swift packages. Search packages.
Animated Subclass of UITextField created with CABasicAnimation and CAShapeLayer
.package(url: "https://github.com/jwd-ali/JDAnimatedTextField.git", from: "1.1.2")


CI Status CocoaPods Version Carthage Compatible License Platform Swift 5.1

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


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



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


pod 'JDAnimatedTextField'

Then, run the following command:

$ pod install


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

github "jwd-ali/JDAnimatedTextField"

Swift Package Manager (SPM)


  • OSX

Update Package.swift

To integrate JDAnimatedTextField 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/JDAnimatedTextField.git")
    targets: [
            name: "YOUR_TARGET_NAME",
            dependencies: ["JDAnimatedTextField"]


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

  • Add sources into your project:
    • Drag Sources


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

import JDAnimatedTextField

And for Manuall install you dont need to import anything

  • Init your view with JDAnimatedTextField:
  let field = JDAnimatedTextField() 


field.lineWidth = 2

textFieldColor is actually color of shape that is drawn

field.textFieldColor = 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 L060214@gmail.com

Congratulations! You're done.


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.


JDAnimatedTextField is under MIT. See LICENSE file for more info.


Stars: 19
Last commit: 2 weeks ago

Ad: Job Offers

iOS Software Engineer @ Perry Street Software
Perry Street Software is Jack’d and SCRUFF. We are two of the world’s largest gay, bi, trans and queer social dating apps on iOS and Android. Our brands reach more than 20 million members worldwide so members can connect, meet and express themselves on a platform that prioritizes privacy and security. We invest heavily into SwiftUI and using Swift Packages to modularize the codebase.

Submit a free job ad (while I'm testing this). The analytics numbers for this website are here.

Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics