explaingit

mehdisekoba/animatedbottombar

Analysis updated 2026-05-18

13KotlinAudience · developerComplexity · 2/5LicenseSetup · easy

TLDR

AnimatedBottomBar is a customizable bottom navigation bar for Android apps built with Jetpack Compose, featuring a smooth curved indicator animation.

Mindmap

mindmap
  root((animatedbottombar))
    What it does
      Curved indicator animation
      Animated icon transitions
      Dot and count badges
      Material 3 styling
    Tech stack
      Kotlin
      Jetpack Compose
      Material 3
    Use cases
      Android app navigation
      Branded UI customization
      Accessible tab bars
    Audience
      Android developers

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

What do people build with it?

USE CASE 1

Add a polished animated bottom navigation bar to an Android app built with Jetpack Compose.

USE CASE 2

Show notification badges, dots or counts, on specific navigation tabs.

USE CASE 3

Customize navigation bar colors and animation feel to match an app's branding.

What is it built with?

KotlinJetpack ComposeMaterial 3

How does it compare?

mehdisekoba/animatedbottombarfreenetio/fakesnigegewu26-source/com.huamax
Stars131313
LanguageKotlinKotlinKotlin
Setup difficultyeasyhardhard
Complexity2/54/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires an existing Jetpack Compose Android project with minSdk 24 or higher.

Use freely for any purpose, including commercial use, as long as you keep the copyright and license notices.

In plain English

AnimatedBottomBar is a bottom navigation bar component for apps built with Jetpack Compose, the modern toolkit for building Android user interfaces. It gives app developers a polished, ready-made navigation bar where a curved indicator glides smoothly from one tab to another as the user taps between sections, and the icons animate as they switch between selected and unselected states. The component is built to be flexible. Developers can customize its colors, sizes, and animation behavior, choose between Material Icons or their own custom drawable images for each tab, and add small notification badges, either a simple dot or a number count, to any navigation item. It follows Material 3 design conventions, the current visual style used across most modern Android apps, and includes accessibility support so screen readers can properly announce tab names, selection state, and badges. Using it involves defining a list of navigation items, each with an icon, label, and optional badge, then placing the AnimatedBottomBar composable in the app with a selected index that updates as the user taps. The customization options let a developer match the bar's indicator color and spring animation feel to their app's own branding. Installation is done through Gradle by adding a single dependency line to an app's build file. The library requires Android version 7.0 (API level 24) or newer, Kotlin 2.4 or later, and an app already using Jetpack Compose. It has no unnecessary external dependencies beyond what Compose itself requires, and is released under the Apache License 2.0.

Copy-paste prompts

Prompt 1
Show me how to add AnimatedBottomBar to my Jetpack Compose app with four navigation items.
Prompt 2
How do I add a count badge to a notifications tab using AnimatedBottomBar?
Prompt 3
Help me customize the indicator color and spring animation of AnimatedBottomBar to match my app theme.
Prompt 4
Explain how to use a custom drawable icon instead of a Material icon in AnimatedBottomBar.

Frequently asked questions

What is animatedbottombar?

AnimatedBottomBar is a customizable bottom navigation bar for Android apps built with Jetpack Compose, featuring a smooth curved indicator animation.

What language is animatedbottombar written in?

Mainly Kotlin. The stack also includes Kotlin, Jetpack Compose, Material 3.

What license does animatedbottombar use?

Use freely for any purpose, including commercial use, as long as you keep the copyright and license notices.

How hard is animatedbottombar to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is animatedbottombar for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.