{"id":19611378,"url":"https://github.com/lalomts/chain","last_synced_at":"2025-10-28T09:37:45.460Z","repository":{"id":44630311,"uuid":"97098572","full_name":"lalomts/Chain","owner":"lalomts","description":"Dynamic color relations in Sketch.","archived":false,"fork":false,"pushed_at":"2018-05-26T15:32:33.000Z","size":9091,"stargazers_count":342,"open_issues_count":9,"forks_count":18,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-03-24T08:13:41.894Z","etag":null,"topics":["color-relations","hsb","sketch","sketch-plugin"],"latest_commit_sha":null,"homepage":"https://lalomrtnz.github.io/Chain/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lalomts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-13T08:25:15.000Z","updated_at":"2024-11-19T08:22:54.000Z","dependencies_parsed_at":"2022-09-03T21:12:46.225Z","dependency_job_id":null,"html_url":"https://github.com/lalomts/Chain","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/lalomts%2FChain","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomts%2FChain/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomts%2FChain/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalomts%2FChain/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lalomts","download_url":"https://codeload.github.com/lalomts/Chain/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246927835,"owners_count":20856198,"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":["color-relations","hsb","sketch","sketch-plugin"],"created_at":"2024-11-11T10:38:34.198Z","updated_at":"2025-10-28T09:37:45.367Z","avatar_url":"https://github.com/lalomts.png","language":"JavaScript","funding_links":["https://www.paypal.me/LaloMrtnz/5usd","https://www.paypal.me/LaloMrtnz/0usd"],"categories":[],"sub_categories":[],"readme":"# 🦁 Chain is now on Product Hunt! Come [show some love!](https://www.producthunt.com/posts/chain-4) ♥️\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/LaloMrtnz/Chain/blob/gh-pages/img/readme/chain-icon.png?raw=true\" style=\"width: 20%; max-width:500px;\" /\u003e\n\u003c/p\u003e\n\n |   [Download][]  |  [Features][]  |  [Usage][] |  [Changelog][]  |  [Next][]  |  [Credits][]  |  [Donate][]  |\n   \n## Features \n* Chain multiple layers\n* Create chains between multiple properties \n* Transform color properties to create more complex chains\n* Chains are stored in the document so you can update them anytime\n\n## Usage\n\n### Creating Chains\n1. Select the layers you want to chain\n2. Run the command **New Chain** from the menu or use **[shift cmd c]**\n3. Select your desired options and click **OK**\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/LaloMrtnz/Chain/blob/gh-pages/img/readme/basic_chain.gif?raw=true\" style=\"width: 100%; max-width:800px;\" /\u003e\n\u003c/p\u003e\n\n### Applying property transformations\nWhen selecting a new chain, you can apply different transformations to the color property you're chaining (hue/saturation/brightness/alpha). Just specify a percentage to offset the property (**i.e** If you apply a transformation of **-10** on the **brightness** you will get a color **10% darker**. \n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/LaloMrtnz/Chain/blob/gh-pages/img/readme/transform_chain.gif?raw=true\" style=\"width: 100%; max-width:800px;\" /\u003e\n\u003c/p\u003e\n\n### Updating Chains\nTo update the Chains in your document, just modify your reference layer and select **Update all Chains** or use **[shift cmd u]**.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/LaloMrtnz/Chain/blob/gh-pages/img/readme/update_chain.gif?raw=true\" style=\"width: 100%; max-width:800px;\" /\u003e\n\u003c/p\u003e\n\n### Removing chains\nTo remove Chains, select two chained layers and select **Remove All Chains Between Selected Layers**, that will erase the chains from the document. \n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/LaloMrtnz/Chain/blob/gh-pages/img/readme/remove_chain.gif?raw=true\" style=\"width: 100%; max-width:400px;\" /\u003e\n\u003c/p\u003e\n\n# What's Next \n* Better Chain management (for creating, editing and deleting them)\n* Improved UI to make it easier to implement Chain in yor workflow\n\nIf you have an idea for a new feature, [create a new Issue](https://github.com/LaloMrtnz/Chain/issues) or send me a message on [Twitter](https://twitter.com/L__A__L__O).\n\n# Credits \n* Created with lots of ♥️ by [Lalo](https://twitter.com/L__A__L__O) \n\n# Like it? \nIf you find Chain useful, consider supporting its development. \n\n[Donate 😎](https://www.paypal.me/LaloMrtnz/5usd) \n\n\n[Download]:https://github.com/LaloMrtnz/Chain/releases/latest\n[Features]:https://github.com/LaloMrtnz/Chain#features\n[Usage]:https://github.com/LaloMrtnz/Chain#usage\n[Changelog]:https://github.com/LaloMrtnz/Chain/releases\n[Next]:https://github.com/LaloMrtnz/Chain#whats-next\n[Credits]:https://github.com/LaloMrtnz/Chain#credits\n[Donate]:https://www.paypal.me/LaloMrtnz/0usd\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalomts%2Fchain","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flalomts%2Fchain","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalomts%2Fchain/lists"}