{"id":18862852,"url":"https://github.com/anshsinghsonkhia/futuristic-css-animations","last_synced_at":"2025-04-14T13:05:34.052Z","repository":{"id":60554000,"uuid":"543613809","full_name":"AnshSinghSonkhia/Futuristic-CSS-Animations","owner":"AnshSinghSonkhia","description":"🔮 An Open Source Compilation of Futuristic CSS Animations.","archived":false,"fork":false,"pushed_at":"2024-03-26T16:09:08.000Z","size":41296,"stargazers_count":26,"open_issues_count":11,"forks_count":42,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-03-26T19:18:26.912Z","etag":null,"topics":["beginner-friendly","contributions-welcome","css","css-animations","css3","good-first-issue","hacktoberfest","hacktoberfest-2023","hacktoberfest-accepted","hacktoberfest2023"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/AnshSinghSonkhia.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}},"created_at":"2022-09-30T13:27:59.000Z","updated_at":"2024-03-26T19:18:26.913Z","dependencies_parsed_at":"2022-10-01T08:10:19.820Z","dependency_job_id":"093e9d2b-b7e9-40ef-8454-9f4566beaafd","html_url":"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnshSinghSonkhia%2FFuturistic-CSS-Animations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnshSinghSonkhia%2FFuturistic-CSS-Animations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnshSinghSonkhia%2FFuturistic-CSS-Animations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnshSinghSonkhia%2FFuturistic-CSS-Animations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnshSinghSonkhia","download_url":"https://codeload.github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223634007,"owners_count":17176871,"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":["beginner-friendly","contributions-welcome","css","css-animations","css3","good-first-issue","hacktoberfest","hacktoberfest-2023","hacktoberfest-accepted","hacktoberfest2023"],"created_at":"2024-11-08T04:35:56.201Z","updated_at":"2024-11-08T04:35:56.908Z","avatar_url":"https://github.com/AnshSinghSonkhia.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Futuristic CSS Animations\nAn Open Source Repository to Publish Your Futuristic CSS3 Animations \u0026 Win Your Hacktoberfest 2022 Swags.\n\n![image](https://user-images.githubusercontent.com/70385488/192114009-0830321a-d227-4a4d-8411-6c03b54d7ce6.png)\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!--[![Open Source Love](https://firstcontributions.github.io/open-source-badges/badges/open-source-v1/open-source.svg)](https://github.com/AnshSinghSonkhia/Coding-Keyboard-Shortcuts) --\u003e\n\u003c!--\u003cimg src=\"https://img.shields.io/static/v1?label=%E2%AD%90\u0026message=If%20Useful\u0026style=style=flat\u0026color=BC4E99\" alt=\"Star Badge\"/\u003e--\u003e\n\n\u003ca href=\"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/blob/master/LICENSE\" target=\"blank\"\u003e\u003cimg src=\"https://img.shields.io/github/license/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat\" alt=\"licence\"/\u003e\u003c/a\u003e\n![](https://img.shields.io/badge/-Good_First_Issue-blue?style=flat\u0026logo=\u0026logoColor=black)\u0026nbsp;\n\u003cimg src=\"https://img.shields.io/badge/Hacktoberfest-2023-blueviolet\" alt=\"Hacktober Badge\"/\u003e\n\u003ca href=\"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/fork\" target=\"blank\"\u003e\u003cimg src=\"https://img.shields.io/github/forks/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat\" alt=\"forks\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/stargazers\" target=\"blank\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat\" alt=\"stars\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/issues?q=is%3Aissue+\" target=\"blank\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat-square\" alt=\"opensourceEvents issues\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/pulls?q=is%3Apr\" target=\"blank\"\u003e\u003cimg src=\"https://img.shields.io/github/issues-pr/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat-square\" alt=\"opensourceEvents pull-requests\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AnshSinghSonkhia\"\u003e\u003cimg src=\"https://img.shields.io/badge/Contributions-welcome-green.svg?style=flat\u0026logo=github\" alt=\"Contributions\" /\u003e\u003c/a\u003e\n\n\u003c/div\u003e\n\n\n![](https://i.imgur.com/waxVImv.png)\n\n## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=AnshSinghSonkhia/Futuristic-CSS-Animations\u0026type=Date)](https://star-history.com/#AnshSinghSonkhia/Futuristic-CSS-Animations\u0026Date)\n\n\n\n### This repository aims to help code beginners with their first successful pull request and open source contribution. :partying_face:\n\n:star: Feel free to use this project to make your first contribution to an open-source project on GitHub. Practice making your first pull request to a public repository before doing the real thing!\n\n:star: Make sure to grab some cool swags during Hacktoberfest by getting involved in the open-source community.\n\n### This repository is open to all members of the GitHub community.\nAny member can contribute to this project!\n\n## :thinking: What is Hacktoberfest?\nA month-long celebration from October 1st to October 31st presented by [Digital Ocean](https://hacktoberfest.digitalocean.com/) and [DEV Community](https://dev.to/) collaborated with [GitHub](https://github.com/blog/2433-celebrate-open-source-this-october-with-hacktoberfest) to get people involved in [Open Source](https://github.com/open-source). Create your very first pull request to any public repository on GitHub and contribute to the open-source developer community.\n\n[https://hacktoberfest.digitalocean.com/](https://hacktoberfest.digitalocean.com/)\n\n## Rules :fire:\nTo qualify for the __official limited edition Hacktoberfest shirt__, you must register [here](https://hacktoberfest.digitalocean.com/) and make four Pull Requests (PRs) between October 1-31, 2022 (in any time zone). PRs can be made to any public repo on GitHub, not only the ones with issues labeled Hacktoberfest. This year, the __first 40,000__ participants who complete the challenge will earn a T-shirt.\n\n![](https://i.imgur.com/waxVImv.png)\n\n\n## ✨ How To Contribute To This Repository?\n\n* Star this Repository.\n* Fork this Repository.\n* Create a folder with the name of your CSS Animation. For Example: `Beautiful Scroll Animation` or `Image Slider Animation`.\n* Add Your Complete CSS Animation Project with \u003cb\u003eall the files\u003c/b\u003e to that Folder.\n* Raise a Pull Request mentioning what type of animation you have added.\n* Comment a Video Proof of your animation.\n* Sit Back-Relax-Enjoy! \u0026nbsp;\n\u003e **Note**:\n\u003eYour PR will be merged within a day with the `hacktoberfest-accepted` label.\n\n\u003e **Warning** \u003cbr\u003e\n\u003e Don't Duplicate Any Animation Which is Already Present in this Repository.\n\u003e There must be some big changes, if the type of animation is same.\n\n![](https://i.imgur.com/waxVImv.png)\n\n\n## 🧁 Enjoy Your HACKTOBERFEST 2022 Swags.. 👕\n![](https://go.kotisdesign.com/wp-content/uploads/2020/02/digital-ocean-map.jpg)\n\n\n## Thanks to all Contributors ✨\n\nThanks Goes To These Wonderful People ❤ \u003c!--([emoji key](https://allcontributors.org/docs/en/emoji-key)):--\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/AnshSinghSonkhia\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/110414565?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAnsh Singh Sonkhia\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ishani-1255\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/112965737?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIshika Ishani\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Sudhir878786\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/92601949?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSudhir Sharma\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Chayandev\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/91884990?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCHAYANDEV BERA\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Farhan-2222\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/87274221?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMd Farhan Sajid\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/pman47\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/72241422?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eManish Prajapati\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/anasilveira9787\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/93779252?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAna Silveira\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/DhruvGarg9136\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/91418396?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDhruv Garg\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/SammiKanon\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/115352825?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSammi Kanon\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Yash-Hax\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/75063323?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eYash Hax\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/monicacodes\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/102931868?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMonica\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Chaitanya1512\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/56156988?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eChaitanya1512\u003c/b\u003e\u003c/sub\u003e\u003cbr\u003e :computer: \u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n\n\u003c!--\n## Thanks to all contributors ❤\n\n \u003ca href = \"https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/graphs/contributors\"\u003e\n   \u003cimg src = \"https://contrib.rocks/image?repo=AnshSinghSonkhia/Futuristic-CSS-Animations\"/\u003e\n \u003c/a\u003e\n--\u003e\n\n![](https://i.imgur.com/waxVImv.png)\n\n\n\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ch3\u003e Show Some \u003cimg src=\"https://github.com/AnshSinghSonkhia/AnshSinghSonkhia/blob/main/icons/love.png\" title=\"Love\" alt=\"Love\" width=\"20\" height=\"20\"/\u003e by Starring Some of My Repos! \u003c/h3\u003e\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanshsinghsonkhia%2Ffuturistic-css-animations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanshsinghsonkhia%2Ffuturistic-css-animations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanshsinghsonkhia%2Ffuturistic-css-animations/lists"}