explaingit

ramotion/animated-tab-bar

11,094SwiftAudience · developerComplexity · 2/5LicenseSetup · easy

TLDR

A Swift library for iOS that adds bounce, rotate, and flip animations to tab bar icons when a user taps them, easy to swap in for the standard iOS tab bar.

Mindmap

mindmap
  root((animated-tab-bar))
    What it does
      Animate tab icons
      9 built-in effects
      Custom animations
    Animations
      Bounce
      Rotate
      Flip directions
    Setup
      CocoaPods
      Carthage
      Swift Package Manager
    Requirements
      iOS 9 or newer
      Xcode 10.2
    Audience
      iOS developers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Add polished bounce or flip animations to the tab bar in an existing iOS app with minimal code changes.

USE CASE 2

Create a custom tab bar animation by extending the base animation class with your own timing and effects.

USE CASE 3

Replace a static tab bar in an iPhone app with an animated one using CocoaPods in a few minutes.

Tech stack

SwiftiOSCocoaPodsCarthageSwift Package Manager

Getting it running

Difficulty · easy Time to first run · 30min

Requires iOS 9 or newer and Xcode 10.2 or later.

MIT license, free to use in personal and commercial projects. The README asks that you credit Ramotion and link to their site.

In plain English

Animated Tab Bar is a Swift library for iOS that adds motion effects to the icons and labels in a standard tab bar, the row of navigation buttons typically found at the bottom of an iPhone app. Instead of a static tap with no visual response, each tab can bounce, rotate, flip, or play another animation when a user selects it. The library was made by Ramotion, a design and app development agency. To use it, you replace the standard iOS tab bar controller class with the library's version inside Xcode's visual editor, then assign the library's item class to each tab. From there, you connect an animation class to each tab item. The library ships with nine ready-made animations covering bouncing, left and right rotations, and several flip directions. Adding a custom animation is also supported: you create a class that extends the base animation type and fill in three methods describing what happens when a tab is selected, deselected, or first loaded. Installation follows standard iOS tooling. You can drag the source folder directly into your project, install through CocoaPods with one line in a Podfile, use Carthage, or add it through Swift Package Manager. The library requires iOS 9 or newer and Xcode 10.2. The license is MIT, meaning the code is free to use in personal and commercial projects. The README asks that users credit Ramotion and link back to their website when using the library in a project. Ramotion also offers a showroom app on the App Store where you can try this component alongside others they have released.

Copy-paste prompts

Prompt 1
I'm building an iOS app in Swift and want to add animated tab bar icons using RAMAnimatedTabBarController. Walk me through replacing my existing UITabBarController and assigning a bounce animation to each tab.
Prompt 2
Show me how to create a custom animation class for Ramotion animated-tab-bar that scales the icon up and fades it in when selected.
Prompt 3
Help me install the animated-tab-bar library using Swift Package Manager in Xcode and connect it to my existing tab bar controller.
Open on GitHub → Explain another repo

← ramotion on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.