{"id":15637954,"url":"https://github.com/rgommezz/reanimated-collapsible-navbar","last_synced_at":"2025-04-30T06:27:03.916Z","repository":{"id":112526963,"uuid":"143779985","full_name":"rgommezz/reanimated-collapsible-navbar","owner":"rgommezz","description":"Declarative implementation of a collapsible navigation bar with snapping in React Native, with all animations running on the UI thread :rocket:","archived":false,"fork":false,"pushed_at":"2019-02-04T00:27:28.000Z","size":214,"stargazers_count":96,"open_issues_count":3,"forks_count":13,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-18T21:31:06.670Z","etag":null,"topics":["animations","javascript","react","react-native","reactnative","ui-thread"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rgommezz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2018-08-06T20:31:30.000Z","updated_at":"2024-12-11T22:36:32.000Z","dependencies_parsed_at":"2023-05-15T16:30:40.793Z","dependency_job_id":null,"html_url":"https://github.com/rgommezz/reanimated-collapsible-navbar","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rgommezz%2Freanimated-collapsible-navbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rgommezz%2Freanimated-collapsible-navbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rgommezz%2Freanimated-collapsible-navbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rgommezz%2Freanimated-collapsible-navbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rgommezz","download_url":"https://codeload.github.com/rgommezz/reanimated-collapsible-navbar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251653205,"owners_count":21622085,"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":["animations","javascript","react","react-native","reactnative","ui-thread"],"created_at":"2024-10-03T11:16:08.225Z","updated_at":"2025-04-30T06:27:03.857Z","avatar_url":"https://github.com/rgommezz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# reanimated-collapsible-navbar\n\nSmall demo to show how to implement a collapsible navigation bar in React Native, with all the animations running on the UI thread and without the JS thread having to intervene. The GIF below showcases how the JS thread is intentionally frozen and still the snapping animation gets executed after the gesture release.\n\n## Expo\nThe application is available in Expo ready to play with: https://expo.io/@rgommezz/reanimated-collapsible-navbar\n\n## Running the app locally\nYou need to have `expo-cli` installed locally. After cloning the repo execute:\n\n```bash\nyarn install\nexpo start\n```\n\n## Article explaining the code\nhttps://medium.com/@rgommezz/reanimating-your-react-native-experience-d1377d51118a\n\n![collapsiblenavbar3](https://user-images.githubusercontent.com/4982414/43739544-c16401fa-99c8-11e8-8f3c-0ef1da21ac6e.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frgommezz%2Freanimated-collapsible-navbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frgommezz%2Freanimated-collapsible-navbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frgommezz%2Freanimated-collapsible-navbar/lists"}