Animated Tab Bar alternatives and similar libraries
Based on the "UI" category.
Alternatively, view animated-tab-bar alternatives based on common mentions on social networks and blogs.
-
Material
Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift. -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
Material Components for iOS
Modular and customizable Material Design UI components for iOS -
Alerts Pickers
Advanced usage of UIAlertController with TextField, DatePicker, PickerView, TableView and CollectionView. -
SideMenu
Simple side menu control for iOS in Swift inspired by Facebook. Right and Left sides. No coding required. -
Scrollable-GraphView
An adaptive scrollable graph view for iOS to visualise simple discrete datasets. Written in Swift. Originally written for a small personal project. -
BulletinBoard
Generates and manages contextual cards displayed at the bottom of the screen. -
NotificationBanner
The easiest way to display highly customizable in app notification banners in iOS. -
ESTabBarController
A highly customizable TabBarController component, which is inherited from UITabBarController. -
TLYShyNavBar
Unlike all those arrogant UINavigationBar, this one is shy and humble! Easily create auto-scrolling navigation bars! -
KMNavigationBarTransition
A drop-in universal library helps you to manage the navigation bar styles and makes transition animations smooth between different navigation bar styles while pushing or popping a view controller for all orientations. And you don't need to write any line of code for it, it all happens automatically. -
RazzleDazzle
A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros. -
CircleMenu
CircleMenu is a simple, elegant UI menu with a circular layout and material design animations.
Get performance insights in less than 4 minutes
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Animated Tab Bar or a related project?
README
ANIMATED TAB BAR
Swift UI module library for adding animation to iOS tabbar items and icons.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites. Stay tuned for the latest updates:
Requirements
- iOS 9.0+
- Xcode 10.2
Installation
Just add the RAMAnimatedTabBarController folder to your project.
or use CocoaPods with Podfile:
pod 'RAMAnimatedTabBarController'
or Carthage users can simply add to their Cartfile
:
github "Ramotion/animated-tab-bar"
Usage
Create a new UITabBarController in your storyboard or nib.
Set the class of the UITabBarController to RAMAnimatedTabBarController in your Storyboard or nib.
For each UITabBarItem, set the class to RAMAnimatedTabBarItem.
Add a custom image icon for each RAMAnimatedTabBarItem
Add animation for each RAMAnimatedTabBarItem :
- drag and drop an NSObject item into your ViewController
- set its class to ANIMATION_CLASS (where ANIMATION_CLASS is the class name of the animation you want to use)
- connect the outlet animation in RAMAnimatedTabBarItem to your ANIMATION_CLASS Demonstration video for step 5
Included Animations
- RAMBounceAnimation
- RAMLeftRotationAnimation
- RAMRightRotationAnimation
- RAMFlipLeftTransitionItemAnimations
- RAMFlipRightTransitionItemAnimations
- RAMFlipTopTransitionItemAnimations
- RAMFlipBottomTransitionItemAnimations
- RAMFrameItemAnimation
- RAMFumeAnimation
Creating Custom Animations
- Create a new class which inherits from RAMItemAnimation:
class NewAnimation : RAMItemAnimation
- Implement the methods in RAMItemAnimationProtocol:
// method call when Tab Bar Item is selected
override func playAnimation(icon: UIImageView, textLabel: UILabel) {
// add animation
}
// method call when Tab Bar Item is deselected
override func deselectAnimation(icon: UIImageView, textLabel: UILabel, defaultTextColor: UIColor, defaultIconColor: UIColor) {
// add animation
}
// method call when TabBarController did load
override func selectedState(icon: UIImageView, textLabel: UILabel) {
// set selected state
}
- Example:
import RAMAnimatedTabBarController
class RAMBounceAnimation : RAMItemAnimation {
override func playAnimation(_ icon: UIImageView, textLabel: UILabel) {
playBounceAnimation(icon)
textLabel.textColor = textSelectedColor
}
override func deselectAnimation(_ icon: UIImageView, textLabel: UILabel, defaultTextColor: UIColor, defaultIconColor: UIColor) {
textLabel.textColor = defaultTextColor
}
override func selectedState(_ icon: UIImageView, textLabel: UILabel) {
textLabel.textColor = textSelectedColor
}
func playBounceAnimation(_ icon : UIImageView) {
let bounceAnimation = CAKeyframeAnimation(keyPath: "transform.scale")
bounceAnimation.values = [1.0 ,1.4, 0.9, 1.15, 0.95, 1.02, 1.0]
bounceAnimation.duration = TimeInterval(duration)
bounceAnimation.calculationMode = kCAAnimationCubic
icon.layer.add(bounceAnimation, forKey: "bounceAnimation")
}
}
📄 License
Animated Tab Bar is released under the MIT license. See [LICENSE](./LICENSE) for details.
This library is a part of a selection of our best UI open-source projects.
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
📱 Get the Showroom App for iOS to give it a try
Try this UI component and more like this in our iOS app. Contact us if interested.
*Note that all licence references and agreements mentioned in the Animated Tab Bar README section above
are relevant to that project's source code only.