{"id":13537829,"url":"https://github.com/canopas/compose-animated-navigationbar","last_synced_at":"2025-04-04T19:06:58.508Z","repository":{"id":197217708,"uuid":"698196719","full_name":"canopas/compose-animated-navigationbar","owner":"canopas","description":"Android - Cool animated navigation bars for your compose android app.","archived":false,"fork":false,"pushed_at":"2024-12-26T08:43:23.000Z","size":569,"stargazers_count":195,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T18:09:21.263Z","etag":null,"topics":["android","android-library","animations","bottombar","bottombarnavigationview","compose-ui","composer-library","jetpack-compose","kotlin","material-ui","navigation"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/canopas.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-29T11:27:50.000Z","updated_at":"2025-03-27T13:40:22.000Z","dependencies_parsed_at":"2023-10-04T20:19:16.399Z","dependency_job_id":"8fd477c4-5340-47d2-881f-94b8719070ea","html_url":"https://github.com/canopas/compose-animated-navigationbar","commit_stats":{"total_commits":47,"total_committers":2,"mean_commits":23.5,"dds":0.04255319148936165,"last_synced_commit":"e0b00e9eaccdbfce186f14004c47a7ca8c513b38"},"previous_names":["cp-megh-l/animatedbottombarcompose","canopas/animatedbottombarcompose","canopas/compose-animated-navigationbar"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animated-navigationbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animated-navigationbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animated-navigationbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animated-navigationbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/canopas","download_url":"https://codeload.github.com/canopas/compose-animated-navigationbar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234921,"owners_count":20905854,"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","animations","bottombar","bottombarnavigationview","compose-ui","composer-library","jetpack-compose","kotlin","material-ui","navigation"],"created_at":"2024-08-01T09:01:04.102Z","updated_at":"2025-04-04T19:06:58.470Z","avatar_url":"https://github.com/canopas.png","language":"Kotlin","funding_links":[],"categories":["Libraries","Kotlin"],"sub_categories":["UI"],"readme":"\u003cp align=\"center\"\u003e \u003ca href=\"https://canopas.com/contact\"\u003e\u003cimg src=\"./cta/cta_banner.png\" alt=\"cta_banner\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n# AnimatedBottomBarCompose\n\n**AnimatedBottomBarCompose** is a Jetpack Compose library that simplifies the creation of stylish\nBottom Navigation Bars with\ncustomizable animations. It allows you to easily integrate attractive navigation bars into your\nAndroid app, enhancing the user experience.\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n       \u003cb\u003eLINE INDICATOR\u003c/b\u003e\n       \u003cbr /\u003e\n       \u003cbr /\u003e\n      \u003cimg src=\"https://github.com/canopas/AnimatedBottomBarCompose/assets/98312779/ed9d5ac1-dc6f-4b91-8c98-e6c8826f4736\"  width=\"80%\" height=\"80%\" alt=\"\"\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n       \u003cb\u003eFILLED INDICATOR\u003c/b\u003e\n       \u003cbr /\u003e\n       \u003cbr /\u003e\n      \u003cimg src=\"https://github.com/canopas/AnimatedBottomBarCompose/assets/98312779/75622692-fded-4891-9d32-f2540e8e4744\"  width=\"80%\" height=\"80%\" alt=\"\"\u003e\n    \u003c/td\u003e\n\n  \u003c/tr\u003e\n\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n       \u003cb\u003eDOT INDICATOR\u003c/b\u003e\n       \u003cbr /\u003e\n       \u003cbr /\u003e\n     \u003cimg src=\"https://github.com/canopas/AnimatedBottomBarCompose/assets/98312779/b0dc3420-9c79-4f05-892f-1c67ebea5817\"  width=\"80%\" height=\"80%\" alt=\"\"\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n       \u003cb\u003eWORM INDICATOR\u003c/b\u003e\n       \u003cbr /\u003e\n       \u003cbr /\u003e\n      \u003cimg src=\"https://github.com/canopas/AnimatedBottomBarCompose/assets/98312779/8b16d97a-a1c8-40ed-a6be-5fb05fbcd909\"  width=\"80%\" height=\"80%\" alt=\"\"\u003e\n    \u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\n## Features\n\n- **Multiple Styles:** Choose from a variety of pre-defined styles for your Bottom Navigation Bar or\n  create your custom style.\n- **Animation Options:** Choose from variety of eye-catching animations for your navigation bar\n  elements, making your app more engaging.\n- **Customization:** Customize colors, icons, and animations to match your app's branding and\n  design.\n\n\n\n## Configuration\n\nAvailable on [Maven Central](https://central.sonatype.com/artifact/com.canopas.compose-animated-navigationbar/bottombar).\n\nAdd the dependency\n```gradle\n    implementation 'com.canopas.compose-animated-navigationbar:bottombar:1.0.1'\n\n```\n\n\n## Sample Usage\n\nIntegrating **AnimatedBottomBarCompose** into your Android app is a breeze! Follow these simple\nsteps to get started:\n\n1. First, set up your navigation controller:\n\n```\nval navController = rememberNavController()\nval navBackStackEntry by navController.currentBackStackEntryAsState()\nval currentRoute = navBackStackEntry?.destination?.route\nval navigationItems = MainNavigation::class.nestedClasses.map {\n    it.objectInstance as MainNavigation\n}\nvar selectedItem by remember { mutableIntStateOf(0) }\n```\n\n2. Next, add **AnimatedBottomBarCompose** to your app's Scaffold as the bottom bar:\n\n```\nScaffold(\n    bottomBar = {\n        AnimatedBottomBar(\n            selectedItem = selectedItem,\n            itemSize = navigationItems.take(3).size,\n            containerColor = Color.LightGray,\n            indicatorStyle = IndicatorStyle.LINE\n        ) {\n            navigationItems.forEachIndexed { index, navigationItem -\u003e\n                BottomBarItem(\n                    selected = currentRoute == navigationItem.route,\n                    onClick = {\n                        if (currentRoute != navigationItem.route) {\n                            selectedItem = index\n                            // ... Navigation Stuff\n                        }\n                    },\n                    imageVector = navigationItem.icon,\n                    label = navigationItem.title,\n                    containerColor = Color.Transparent\n                )\n            }\n        }\n    }\n) {\n// ... (rest of your app content)\n}\n```\n\n## Demo\n\nTo see **AnimatedBottomBarCompose** in action, check out\nour [Sample](https://github.com/canopas/AnimatedBottomBarCompose/tree/master/app) app where you can\nexplore various styles and animation options.\n\n## Bugs and Feedback\n\nFor bugs, questions and discussions please use\nthe [Github Issues](https://github.com/canopas/AnimatedBottomBarCompose/issues)\n\n## Credits\n\n**AnimatedBottomBarCompose** is owned and maintained by the [Canopas team](https://canopas.com/).\nFor project updates and releases, you can follow them on X\nat [@canopassoftware](https://x.com/canopassoftware).\n\n\u003ca href=\"https://canopas.com/contact\"\u003e\u003cimg src=\"./cta/cta_btn.png\" width=300\u003e\u003c/a\u003e\n\n# Licence\n\n```\nCopyright 2023 Canopas Software LLP\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nYou won't be using this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n   http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Fcompose-animated-navigationbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcanopas%2Fcompose-animated-navigationbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Fcompose-animated-navigationbar/lists"}