{"id":22615409,"url":"https://github.com/q1akm/learning-motion","last_synced_at":"2026-04-29T23:32:13.878Z","repository":{"id":235437127,"uuid":"785722834","full_name":"q1akm/Learning-motion","owner":"q1akm","description":"An open-source project designed for experimenting with animations, motion effects, and modern web technologies.","archived":false,"fork":false,"pushed_at":"2024-12-12T13:02:05.000Z","size":2751,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-29T00:42:07.479Z","etag":null,"topics":["animation","community","contribution","framer-motion","github","gsap","hacktoberfest","hacktoberfest2024","javascript","motion","open-source-project","react"],"latest_commit_sha":null,"homepage":"https://learning-motion.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/q1akm.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":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-12T13:39:33.000Z","updated_at":"2024-12-12T13:02:08.000Z","dependencies_parsed_at":"2024-06-03T01:45:44.059Z","dependency_job_id":"baf57d45-e3b8-4a75-8bb7-138262b2fb16","html_url":"https://github.com/q1akm/Learning-motion","commit_stats":null,"previous_names":["akmweb/akm.test","q1akm/akm.test","q1akm/learning-motion"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q1akm%2FLearning-motion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q1akm%2FLearning-motion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q1akm%2FLearning-motion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q1akm%2FLearning-motion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/q1akm","download_url":"https://codeload.github.com/q1akm/Learning-motion/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246122243,"owners_count":20726822,"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","community","contribution","framer-motion","github","gsap","hacktoberfest","hacktoberfest2024","javascript","motion","open-source-project","react"],"created_at":"2024-12-08T19:06:45.349Z","updated_at":"2026-04-29T23:32:13.830Z","avatar_url":"https://github.com/q1akm.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learning Motion\nA project focused on learning and experimenting with motion in web development, featuring various animations, transitions, and GSAP (GreenSock Animation Platform) implementations.\n\n# Available Scenes\n\n\u003ca href=\"src/routes/LoadingPage.jsx\"\u003eLoading Page\u003c/a\u003e: A demo showcasing animated loading screens.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/Basic.jsx\"\u003eBasic\u003c/a\u003e: Simple motion demonstrations using fundamental animation techniques.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/Dot.jsx\"\u003eDot\u003c/a\u003e: An example of motion involving dots, useful for visualizing small interactive elements.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/cursor/Cursor.jsx\"\u003eCursor\u003c/a\u003e: Custom animated cursors that respond to user interactions.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/pageTrans/PageTrans.jsx\"\u003ePage Animated Transition\u003c/a\u003e: Smooth page transitions using animations.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/Drag.jsx\"\u003eDrag - GSAP\u003c/a\u003e: A draggable element demo using GSAP's drag feature.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/GSAP001.jsx\"\u003eGSAP 001\u003c/a\u003e: An example of more advanced GSAP animations.\n\u003cbr/\u003e\n\u003ca href=\"src/routes/Test/Test.jsx\"\u003eTest\u003c/a\u003e: A sandbox environment to test new animation ideas.\n\n![Learning Motion - Google Chrome 9_27_2024 3_57_54 PM](https://github.com/user-attachments/assets/5c7fcc4c-5a63-41a6-819f-4b5974948037)\n\n## Contributing 🤝\n\nWe welcome contributions to the Learning Motion project! Whether you want to create new animations, enhance existing components, or improve documentation, your help is appreciated. Here’s how you can contribute:\n\n### How to Contribute\n\n1. **Create an Issue**: If you have an idea for a new animation or feature, please create an issue in the [issue tracker](https://github.com/q1akm/Learning-motion/issues) to discuss it first.\n\n2. **Fork the Repository**: Click on the \"Fork\" button at the top right corner of the repository page to create a copy of the repository under your GitHub account.\n\n3. **Clone Your Fork**: Clone your forked repository to your local machine:\n\n    ```bash\n    git clone https://github.com/q1akm/Learning-motion.git\n    ```\n\n4. **Create a Branch**: Create a new branch for your feature or fix:\n\n    ```bash\n    git checkout -b new-animation-[your-feature]\n    ```\n\n5. **Make Changes**: Implement your changes, and ensure your code follows the project's style guide. Add relevant documentation where necessary.\n\n6. **Commit Your Changes**: Commit your changes with a clear and concise message:\n\n    ```bash\n    git commit -m \"Add new animation: [brief description]\"\n    ```\n\n7. **Push Your Changes**: Push your branch to your fork:\n\n    ```bash\n    git push origin new-animation-[your-feature]\n    ```\n\n8. **Create a Pull Request**: Go to the original repository and create a pull request from your branch. Provide a detailed description of your changes, and reference any relevant issues.\n\n## Give it a Star! ⭐\nIf you found this project helpful or inspiring, make sure to give it a star on GitHub! Your support means a lot and helps the project grow.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq1akm%2Flearning-motion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fq1akm%2Flearning-motion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq1akm%2Flearning-motion/lists"}