{"id":2315,"url":"https://github.com/RamonGilabert/Walker","last_synced_at":"2025-08-02T23:32:59.093Z","repository":{"id":56927245,"uuid":"42778872","full_name":"RamonGilabert/Walker","owner":"RamonGilabert","description":"Each step you take reveals a new horizon. You have taken the first step today.","archived":false,"fork":false,"pushed_at":"2017-04-03T17:06:35.000Z","size":13059,"stargazers_count":150,"open_issues_count":1,"forks_count":14,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-11-27T13:51:49.226Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Swift","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/RamonGilabert.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-19T15:45:46.000Z","updated_at":"2024-11-09T18:13:49.000Z","dependencies_parsed_at":"2022-08-21T06:20:19.138Z","dependency_job_id":null,"html_url":"https://github.com/RamonGilabert/Walker","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGilabert%2FWalker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGilabert%2FWalker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGilabert%2FWalker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGilabert%2FWalker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RamonGilabert","download_url":"https://codeload.github.com/RamonGilabert/Walker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228503179,"owners_count":17930528,"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":[],"created_at":"2024-01-05T20:16:10.654Z","updated_at":"2024-12-06T17:30:59.238Z","avatar_url":"https://github.com/RamonGilabert.png","language":"Swift","funding_links":[],"categories":["UI","Animation"],"sub_categories":["Animation","Other free courses"],"readme":"![Walker](https://github.com/RamonGilabert/Walker/blob/master/Resources/header-image.png)\n\n[![Carthage](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)\n[![Version](https://img.shields.io/cocoapods/v/Walker.svg?style=flat)](http://cocoadocs.org/docsets/Walker)\n[![License](https://img.shields.io/cocoapods/l/Walker.svg?style=flat)](http://cocoadocs.org/docsets/Walker)\n[![Platform](https://img.shields.io/cocoapods/p/Walker.svg?style=flat)](http://cocoadocs.org/docsets/Walker)\n[![Documentation](https://img.shields.io/cocoapods/metrics/doc-percent/Walker.svg?style=flat)](http://cocoadocs.org/docsets/Walker)\n![Swift](https://img.shields.io/badge/%20in-swift%203.0-orange.svg)\n\n## The story\n\nSeeing the animations behind Paper, or the transitions behind Mail, being in a world of flat design and transitions, user interaction, app behavior and responsiveness are key, we need good and fast animations to delight our users in every tap, every scroll, every moment that they spend in our app.\n\nAfter lots of apps, designs and animations, after trying some of the most famous web frameworks and after I learnt FramerJS, which has one of the most beautiful springs I've seen. I'm building a collection of my knowledge, as I said when I was learning iOS development I would do, let me present **Walker** to you, an animation engine and library.\n\n**Walker** has a bohemian companion that wanders with him, **[Morgan](https://github.com/RamonGilabert/Morgan)**, a set of animations that will make your life easier when developing iOS apps. Note that Morgan is unfinished and always improving.\n\n## Code\n\n**Walker** has different types of use cases and behaviors, you can either have a chain of animations with different blocks and callbacks, or reuse animations and apply them in different cases.\n\n```swift\nanimate(view) {\n  $0.alpha = 1\n}.then {\n  print(\"First animation done\")\n}.chain {\n  $0.width = 300\n}.finally {\n  print(\"Animations done\")\n}\n```\n\nInside every animation there are different curves, the basic ones, which are Linear, Ease, EaseIn, EaseOut and EaseInOut, a custom Cubic Bezier and a Spring animation.\n\n#### Cubic Bezier\n\nConsidering Linear, Ease, EaseIn, EaseOut and EaseInOut cubic animations, the following animation will just have the Bezier one, even though everything is called the same way.\n\n```swift\nanimate(view, curve: .Bezier(1, 0.4, 1, 0.4)) {\n  $0.x = 100\n}\n```\n\n![Bezier](https://github.com/RamonGilabert/Walker/blob/master/Resources/bezier.gif)\n\n#### Springs\n\nSprings are the most beautiful animations in the spectrum, taking inspiration of the curve used in FramerJS, you'll have a look alike feel that you are going to be able to configure like the following set.\n\n```swift\nspring(view, spring: 200, friction: 10, mass: 10) {\n  $0.x = 40\n}\n```\n\n![Spring](https://github.com/RamonGilabert/Walker/blob/master/Resources/spring.gif)\n\n#### Chains\n\nAs stated in the first example, you can chain animations, but not only animations with the same curve, every block has an independent status, so you'll be able to chain springs and bezier animations, being notified when everything finishes if you want.\n\n```swift\nspring(view, spring: 200, friction: 10, mass: 10) {\n  $0.x = 100\n}.chain {\n  $0.x = 0\n}\n```\n\n![Chain](https://github.com/RamonGilabert/Walker/blob/master/Resources/chain.gif)\n\n#### Create your own\n\nIt wouldn't be a good animation engine if you couldn't reuse animations, there's a component inside the engine called Still, this one will talk to the background motor and will provide you with a `CAKeyframeAnimation`, just by calling this:\n\n```swift\nlet animation = Still.bezier(.PositionX, curve: .Bezier(1, 0.4, 1, 0.4))\n```\n\nStill can have, as the engine above, Cubic Bezier and Spring animations inside, each one configured differently. Note also that this will provide a layer animation.\n\nFinally, this animation won't be tight to a final value or to any view, so you can reuse it across by distilling it:\n\n```swift\ndistill((animation: animation, final: 100), view: view)\n```\n\nDistill works with as many animations at a time as you want.\n\n![Bezier](https://github.com/RamonGilabert/Walker/blob/master/Resources/bezier.gif)\n\n#### More questions?\n\nHave more questions and want to see more implementation in detail? We have a [demo](https://github.com/RamonGilabert/Walker/tree/master/Demo/Walker) for you. Inside it you'll find some different animations applied into different views, you can check the file right [here](https://github.com/RamonGilabert/Walker/blob/master/Demo/Walker/Walker/ViewController.swift#L51). If you still have something unclear, don't hesitate to [contact me](mailto:ramon.gilabert.llop@gmail.com) or [open an issue](https://github.com/RamonGilabert/Walker/issues).\n\n## Installation\n\n**Walker** is available through [CocoaPods](http://cocoapods.org). To install\nit, simply add the following line to your Podfile:\n\n```ruby\npod 'Walker'\n```\n\n**Walker** is also available through [Carthage](https://github.com/Carthage/Carthage). To install just write into your Cartfile:\n\n```ruby\ngithub 'RamonGilabert/Walker'\n```\n\n## Upcoming features\n\nCheck out the [ROADMAP](https://github.com/RamonGilabert/Walker/blob/master/ROADMAP.md) file to see the upcoming features that we are thinking to implement and don't hesitate to [open an issue](https://github.com/RamonGilabert/Walker/issues) or make a PR with a proposal in the roadmap.\n\n## Author\n\nRamon Gilabert with ♥️\n\n## Contribute\n\nWe would love you to contribute to **Walker**, check the [CONTRIBUTING](https://github.com/RamonGilabert/Walker/blob/master/CONTRIBUTING.md) file for more info.\n\n## License\n\n**Walker** is available under the MIT license. See the [LICENSE](https://github.com/RamonGilabert/Walker/blob/master/LICENSE.md) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRamonGilabert%2FWalker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRamonGilabert%2FWalker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRamonGilabert%2FWalker/lists"}