paper-switch 0,1,3,0,0,-1,2,0 travis-ci CocoaPods

RAMPaperSwitch is a Swift module which paints over the parent view when the switch is turned on.



CocoaPods CocoaPods CocoaPods Carthage compatible Twitter Travis Analytics


This project is maintained by Ramotion, Inc.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Looking for developers for your project?



The iPhone mockup available here.

Try this UI control in action


  • iOS 8.0+
  • Xcode 6.1


Just add the RAMPaperSwitch folder to your project.

or use CocoaPods with Podfile:

pod 'RAMPaperSwitch', '~> 2.0.4' 

or Carthage users can simply add to their Cartfile:

github "Ramotion/paper-switch"


RAMPaperSwitch is a drop-in replacement of UISwitch. You just need to set the onTintColor property of the switch, and it will automatically paint over its superview with the selected color. You have ability to set duration of animation instead of default value.

  1. Create a new UISwitch in your storyboard or nib.

  2. Set the class of the UISwitch to RAMPaperSwitch in your Storyboard or nib.

  3. Set onTintColor for the switch

  4. Set duration property programmatically if You want to change animation duration.

  5. Add animation for other views near the switch if need.

Animate views

You can animate other views near the switch. For example, you can change color to views or labels that are inside the same superview. Duration of animation can be gotten from the RAMPaperSwitch’s property duration. You can animate CoreAnimation properties like this:

self.paperSwitch.animationDidStartClosure = {(onAnimation: Bool) in
    UIView.transitionWithView(self.label, duration: self.paperSwitch.duration, options: UIViewAnimationOptions.TransitionCrossDissolve, animations: {
        self.label.textColor = onAnimation ? UIColor.whiteColor() : UIColor.blueColor()
    }, completion:nil)

Folow Us

Twitter URL Twitter Follow

Related Repositories



RAMPaperSwitch is a Swift module which paints over the parent view when the switch is turned on. ...



toggle-icon is a custom element created with Polymer. It provides an extremly powerful and customizable switch that looks like a paper-icon-button. ...

Top Contributors

ober01 Juriv ooleynich Pakhaliuk aleksei1000000 devladinci RamotionRussell Eddpt kaphacius


-   2.0.0 zip tar
-   1.0.7 zip tar
-   1.0.6 zip tar
-   1.0.5 zip tar
-   1.0.4 zip tar
-   1.0.3 zip tar
-   1.0.2 zip tar
-   1.0.1 zip tar
-   1.0.0 zip tar
-   0.0.3 zip tar
-   0.0.2 zip tar
-   0.0.1 zip tar