{"id":20608669,"url":"https://github.com/ikcede/animation-studio","last_synced_at":"2026-02-11T23:10:55.552Z","repository":{"id":255423673,"uuid":"840178843","full_name":"ikcede/animation-studio","owner":"ikcede","description":"Load and modify animations by keyframe","archived":false,"fork":false,"pushed_at":"2024-12-22T17:24:08.000Z","size":591,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T15:51:45.245Z","etag":null,"topics":["animation","css","editor","keyframes","nextjs","react"],"latest_commit_sha":null,"homepage":"https://css-animation-studio.vercel.app","language":"TypeScript","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/ikcede.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,"publiccode":null,"codemeta":null}},"created_at":"2024-08-09T06:18:09.000Z","updated_at":"2024-12-22T17:24:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"0103e317-c1c9-41ff-b5bc-668149879d2c","html_url":"https://github.com/ikcede/animation-studio","commit_stats":null,"previous_names":["ikcede/animation-studio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ikcede%2Fanimation-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ikcede%2Fanimation-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ikcede%2Fanimation-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ikcede%2Fanimation-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ikcede","download_url":"https://codeload.github.com/ikcede/animation-studio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249004555,"owners_count":21196892,"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","css","editor","keyframes","nextjs","react"],"created_at":"2024-11-16T10:11:18.637Z","updated_at":"2026-02-11T23:10:50.516Z","avatar_url":"https://github.com/ikcede.png","language":"TypeScript","readme":"# Animation Studio\n\n\u003cp style=\"text-align: center;\"\u003e\n\u003cimg alt=\"demo\" src=\"public/demo-1.png\" width=\"70%\" /\u003e \u0026nbsp;\u0026nbsp; \u003cimg alt=\"mobile-demo\" src=\"public/demo-mobile-1.jpg\" width=\"25%\"\u003e\n\u003c/p\u003e\n\nCheck out the [live demo](https://css-animation-studio.vercel.app/)!\n\nAnimation Studio was originally conceived as a library to store and quickly customize cool text animations. Eventually, scope creep led to the addition of modular keyframe editing, animation tuning, and html customization features, resulting in an entire editing studio for animations.\n\nSince this is a project I built for fun in about a month, I don't intend to fully support it going forward, but I'll be looking to add animations and features here and there.\n\n## TODOS\n\nNext:\n\n- Fix mobile view editor width\n- Fix zoom in on text fields on mobile\n\nBacklog:\n\n- Keyframes:\n\n  - Edit keyframe from keyframe view\n  - Go from property to value on \":\" keydown\n  - Support keyframe codemirror editor\n  - Allow for higher precision keyframe values\n\n- Library:\n\n  - Add new animations to lib\n  - Search to filter animations\n\n- Animations:\n\n  - Clean up longform CSS string outputs\n  - Support linear() timing functions\n  - Support composite keyframes and animations\n\n- Timeline:\n\n  - Speed mods\n  - Mobile drag keyframes support\n\n- General:\n  - Saving + Projects\n  - Keyboard shortcuts\n\n## Getting Started\n\nTo run the dev server:\n\n```bash\nnpm run dev\n```\n\nBefore deploying:\n\n```bash\nnpm test\nnpm run build\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fikcede%2Fanimation-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fikcede%2Fanimation-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fikcede%2Fanimation-studio/lists"}