{"id":21395205,"url":"https://github.com/mlbonniec/animatednavigationtitle","last_synced_at":"2025-03-16T14:25:40.169Z","repository":{"id":230284849,"uuid":"778995777","full_name":"mlbonniec/AnimatedNavigationTitle","owner":"mlbonniec","description":"A SwiftUI package that helps you to recreate X, Github and Reddit animated navigation title scrolling effect.","archived":false,"fork":false,"pushed_at":"2024-04-21T08:39:26.000Z","size":41,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-23T01:44:12.295Z","etag":null,"topics":["animation","github","navigation","reddit","swift","swiftui","title"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mlbonniec.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}},"created_at":"2024-03-28T20:34:11.000Z","updated_at":"2024-12-30T05:28:42.000Z","dependencies_parsed_at":"2024-03-31T23:21:05.418Z","dependency_job_id":"b245d72c-c88c-43ec-9f8e-cd5fb14fa013","html_url":"https://github.com/mlbonniec/AnimatedNavigationTitle","commit_stats":null,"previous_names":["mlbonniec/animatednavigationtitle"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlbonniec%2FAnimatedNavigationTitle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlbonniec%2FAnimatedNavigationTitle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlbonniec%2FAnimatedNavigationTitle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlbonniec%2FAnimatedNavigationTitle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mlbonniec","download_url":"https://codeload.github.com/mlbonniec/AnimatedNavigationTitle/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243880582,"owners_count":20362794,"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":["animation","github","navigation","reddit","swift","swiftui","title"],"created_at":"2024-11-22T14:18:37.219Z","updated_at":"2025-03-16T14:25:40.148Z","avatar_url":"https://github.com/mlbonniec.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/mlbonniec/AnimatedNavigationTitle/assets/29955402/1d9b099d-1c5d-4890-b0db-0191ec0d0d73\" alt=\"Library demonstration. Navigation title is appearing as the scrollview position change.\" /\u003e\n\u003c/p\u003e\n\n# AnimatedNavigationTitle\n\nAnimatedNavigationTitle is a simple SwiftUI package that helps you to create animated navigation title, based on the current scroll position.\nIt's inspired by the animations present on X, Github and Reddit iOS application.\n\nThis works as well with simple `ScrollView` as it does with `List`.\n\n\u003e [!NOTE]\n\u003e AnimatedNavigationTitle is available on iOS 15 and later.\n\n# Quick Start\nTo create an animated title view, you must wrap your view with `AnimatedNavigationTitleView`.\nThen, you must add the `.scrollableTitleAnchor()` modifier to the child view that will trigger the animation.\n\n```swift\nAnimatedNavigationTitleView(\"My Custom Title\") {\n  VStack {\n    Text(\"Hello, World\")\n\n    Spacer(minLength: 250)\n\n    Text(\"Trigger\")\n      .scrollableTitleAnchor()\n\n    Spacer(minLength: 250)\n\n    Text(\"…\")\n  }\n}\n```\n\n# Configuration  \n\n### Animation\nYou can specify which animation(s) will be played by passing the `animation: AnimatedNavigationTitleAnimationType` parameter to the `AnimatedNavigationTitleView`.\n\nExamples:\n* `AnimatedNavigationTitleView(\"Title\", animation: .slide) {}` title sliding from the bottom. (the default behavior)\n* `AnimatedNavigationTitleView(\"Title\", animation: .opacity) {}` title will appear by increasing its opacity.\n* `AnimatedNavigationTitleView(\"Title\", animation: .all) {}` both slide and opacity.\n\n### Alignment\nTitle content alignment can also be configured.\n\nExamples:\n* `AnimatedNavigationTitleView(\"Title\", alignment: .leading) {}`\n* `AnimatedNavigationTitleView(\"Title\", alignment: .center) {}`\n* `AnimatedNavigationTitleView(\"Title\", alignment: .trailing) {}`\n\n# Todo\n- [ ] Add option to display title instantly\n\n# License\nThis work is licensed under CC BY-SA 4.0.\nSee [LICENSE](./LICENSE).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlbonniec%2Fanimatednavigationtitle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmlbonniec%2Fanimatednavigationtitle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlbonniec%2Fanimatednavigationtitle/lists"}