{"id":20187013,"url":"https://github.com/material-motion/direct","last_synced_at":"2025-04-08T11:08:47.747Z","repository":{"id":21567591,"uuid":"145900814","full_name":"material-motion/direct","owner":"material-motion","description":" Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.","archived":false,"fork":false,"pushed_at":"2025-02-13T22:35:28.000Z","size":3101,"stargazers_count":462,"open_issues_count":33,"forks_count":26,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-01T09:31:45.770Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/material-motion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"AUTHORS","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-23T19:57:14.000Z","updated_at":"2024-04-24T19:44:08.000Z","dependencies_parsed_at":"2024-12-08T00:01:42.311Z","dependency_job_id":"858823a0-a045-4742-aa1e-0602934835dd","html_url":"https://github.com/material-motion/direct","commit_stats":{"total_commits":33,"total_committers":4,"mean_commits":8.25,"dds":"0.21212121212121215","last_synced_commit":"9344c9194f27854b57f4136ffa25fa5487cdad9d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fdirect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fdirect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fdirect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fdirect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/material-motion","download_url":"https://codeload.github.com/material-motion/direct/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247829491,"owners_count":21002995,"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-11-14T03:19:34.444Z","updated_at":"2025-04-08T11:08:47.725Z","avatar_url":"https://github.com/material-motion.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Direct\n\n[![Code Style: Google](https://img.shields.io/badge/code%20style-google-blueviolet.svg)](https://github.com/google/gts)\n\nDirect is a tool that helps motion designers provide clear, precise motion direction for engineers.\n\nAs motion design becomes more and more prominent in apps, it’s becoming increasingly important to develop a standard for communicating direction from motion designers. Once an animation is finalized, simply handing off a video file to engineers makes it very difficult for them to recreate. Animations take a lot of engineering time to implement and there are a lot of subtleties that could get lost in translation. As designers, it’s our responsibility to make sure that engineers have everything they need to quickly recreate this motion.\n\nDisclaimer: This is not an officially supported Google product.\n\n## Getting started\n\n1. Install [Google App Engine](https://cloud.google.com/appengine/docs/flexible/python/download)\n\n2. Install [node.js and npm](https://nodejs.org/)\n\n3. Install dependencies\n\n``` shell\nnpm i\n```\n\n4. Populate config files\n\n    Rename `config_sample.yaml` to `config.yaml`\n\n    (this file can be left blank for most users)\n\n\n    Rename `app/ts/config_sample.ts` to `app/ts/config.ts`\n\n    Fill in values for `window.__directConfig.stagingDomain` and `window.__directConfig.productionDomain` if you intend to use staging and production environments. Otherwise, they can be left as empty strings.\n\n\n5. Run a local instance\n``` shell\nnpm run start\n```\n\n6. View the server at http://localhost:8080/\n\n\n## Troubleshooting\n\n```\nImportError: cannot import name apiproxy\n```\n\nhttps://stackoverflow.com/questions/69465376/app-engine-python-2-7-importerror-cannot-import-name-apiproxy\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaterial-motion%2Fdirect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaterial-motion%2Fdirect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaterial-motion%2Fdirect/lists"}