{"id":21174835,"url":"https://github.com/mindinventory/liquidnavbar","last_synced_at":"2025-08-25T00:10:48.838Z","repository":{"id":47639720,"uuid":"396807041","full_name":"Mindinventory/LiquidNavBar","owner":"Mindinventory","description":"LiquidNavBar library provides a bottom navigation view with smooth liquid animation.","archived":false,"fork":false,"pushed_at":"2021-08-20T07:28:59.000Z","size":5488,"stargazers_count":21,"open_issues_count":0,"forks_count":3,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-05T07:22:32.347Z","etag":null,"topics":["android","android-library","animation","bottomnavigationview","bottomtabs","kotlin","kotlin-android","navbar","navbar-animation","navigation","tabbar","tabs"],"latest_commit_sha":null,"homepage":"https://www.mindinventory.com/android-application-development.php","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mindinventory.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-08-16T13:28:05.000Z","updated_at":"2025-01-06T09:18:29.000Z","dependencies_parsed_at":"2022-09-06T15:22:45.691Z","dependency_job_id":null,"html_url":"https://github.com/Mindinventory/LiquidNavBar","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/Mindinventory/LiquidNavBar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FLiquidNavBar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FLiquidNavBar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FLiquidNavBar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FLiquidNavBar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mindinventory","download_url":"https://codeload.github.com/Mindinventory/LiquidNavBar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FLiquidNavBar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261987649,"owners_count":23240885,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","android-library","animation","bottomnavigationview","bottomtabs","kotlin","kotlin-android","navbar","navbar-animation","navigation","tabbar","tabs"],"created_at":"2024-11-20T16:56:23.610Z","updated_at":"2025-06-26T02:36:09.650Z","avatar_url":"https://github.com/Mindinventory.png","language":"Kotlin","readme":"\u003ca href=\"https://www.mindinventory.com/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=liquid-nav-bar\"\u003e\u003cimg src=\"https://github.com/Sammindinventory/MindInventory/blob/main/Banner.png\"\u003e\u003c/a\u003e\n\n# Liquid NavBar\n[![](https://jitpack.io/v/Mindinventory/LiquidNavBar.svg)](https://jitpack.io/#Mindinventory/LiquidNavBar)\n\n* Liquid NavBar Provides a bottom navigation view with liquid animation.\n\n  ![ezgif.com-gif-maker__3_](/media/feature.gif)\n\n# Usage\n\n### Dependencies\n\n* Step 1. Add the JitPack repository to your build file\n\n  Add it in your root build.gradle at the end of repositories:\n\n    ```groovy\n\t    allprojects {\n\t\t    repositories {\n                \t...\n\t\t\tmaven { url 'https://jitpack.io' }\n                \t...\n\t\t    }\n\t    }\n    ``` \n* Step 2. Add the dependency\n\n  Add it in your app module build.gradle:\n\n    ```groovy\n        dependencies {\n            ...\n            implementation 'com.github.Mindinventory:LiquidNavBar:0.0.1'\n            ...\n        }\n    ``` \n\n### Implementation\n\n* Step 1. Create menu file(\"menu_bottom_navigation\") with menu items.\n\n```xml\n\n\u003cmenu xmlns:android=\"http://schemas.android.com/apk/res/android\"\u003e\n    \u003cgroup android:checkableBehavior=\"single\"\u003e\n        \u003citem\n            android:id=\"@+id/nav_camera\"\n            android:icon=\"@drawable/home\"\n            android:title=\"@string/feed\" /\u003e\n        \u003citem\n            android:id=\"@+id/nav_gallery\"\n            android:icon=\"@drawable/ic_gallery\"\n            android:title=\"@string/gallery\" /\u003e\n        \u003citem\n            android:id=\"@+id/nav_slideshow\"\n            android:icon=\"@drawable/ic_favorite\"\n            android:title=\"@string/favorite\" /\u003e\n        \u003citem\n            android:id=\"@+id/nav_manage\"\n            android:icon=\"@drawable/ic_setting\"\n            android:title=\"@string/settings\" /\u003e\n    \u003c/group\u003e\n\n\u003c/menu\u003e\n```\n* Step 2. Add LiquidNavBar view in to your activity_main.xml:\n\n```xml\n\n\u003ccom.mindinventory.liquidnavbar.ui.LiquidNavBar \n\tandroid:id=\"@+id/bottomNavigationView\"\n        android:layout_width=\"match_parent\" \n\tandroid:layout_height=\"match_parent\"\n        app:backgroundTintNavigation=\"@color/colorPrimary\"\n        app:layout_constraintBottom_toBottomOf=\"parent\" \n\tapp:menu=\"@menu/menu_bottom_navigation\" /\u003e\n```\n\n* Step 3. Provide fragment's parent view and implement animation listener\n\n```kotlin \n  bottomNavigationView.setAnimationListener(container, object : ViewAnimationListener {\n  override fun onAnimationStart(animation: Animation?) {\n\n            }\n\n            override fun onAnimationEnd(animation: Animation?, fragment: Fragment?) {\n                fragment?.let { changeFragment(it) }\n            }\n\n\n            override fun onAnimationRepeat(animation: Animation?) {\n\n            }\n        })\n ```         \n\n* Step 4. Implement navigation listener\n\n```kotlin \n  bottomNavigationView.setNavigationListener(object :\n            LiquidNavBar.OnNavigationItemSelectListener {\n            override fun onNavigationItemSelected(indexOfItemSelected: Int): Boolean {\n                return true\n            }\n\n        })\n ```         \n\n| Attributes | Usage |\n| ------ | ------ |\n| app:backgroundTintNavigation | Liquid Navbar background color |\n\n### Requirements\n\n* minSdkVersion \u003e= 21\n* Androidx\n\n## LICENSE!\nLiquidNavBar is [MIT-licensed](/LICENSE) \n\n## Let us know!\n\nWe’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.\n\u003cp\u003e\u003ch4\u003ePlease feel free to use this component and Let us know if you are interested to building Apps or Designing Products.\u003c/h4\u003e\n\u003ca href=\"https://www.mindinventory.com/contact-us.php?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=liquid-nav-bar\"\u003e\n\u003cimg src=\"https://github.com/Sammindinventory/MindInventory/blob/main/hirebutton.png\" width=\"203\" height=\"43\"  alt=\"app development\"\u003e\n\u003c/a\u003e\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fliquidnavbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmindinventory%2Fliquidnavbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fliquidnavbar/lists"}