{"id":30717078,"url":"https://github.com/rondevhub/breathing-share-buttons","last_synced_at":"2026-02-13T11:26:24.701Z","repository":{"id":291450231,"uuid":"977616970","full_name":"RonDevHub/Breathing-Share-Buttons","owner":"RonDevHub","description":"Share-Buttons mit einem subtilen 'Einatmen'-Effekt der Hintergrundfarbe beim Hovern. Modern, responsiv und einfach zu integrieren.","archived":false,"fork":false,"pushed_at":"2025-08-30T11:54:20.000Z","size":32,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-30T13:26:14.531Z","etag":null,"topics":["animation-css","hover-effect","open-source","opensource","share","sharebuttons","social","social-network"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/RonDevHub.png","metadata":{"files":{"readme":"README-en.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,"zenodo":null}},"created_at":"2025-05-04T16:02:11.000Z","updated_at":"2025-08-30T11:54:23.000Z","dependencies_parsed_at":"2025-05-11T10:57:48.317Z","dependency_job_id":null,"html_url":"https://github.com/RonDevHub/Breathing-Share-Buttons","commit_stats":null,"previous_names":["herrstoeckchen/breathing-share-buttons","rondevhub/breathing-share-buttons"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/RonDevHub/Breathing-Share-Buttons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RonDevHub%2FBreathing-Share-Buttons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RonDevHub%2FBreathing-Share-Buttons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RonDevHub%2FBreathing-Share-Buttons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RonDevHub%2FBreathing-Share-Buttons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RonDevHub","download_url":"https://codeload.github.com/RonDevHub/Breathing-Share-Buttons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RonDevHub%2FBreathing-Share-Buttons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273416981,"owners_count":25101809,"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","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","hover-effect","open-source","opensource","share","sharebuttons","social","social-network"],"created_at":"2025-09-03T08:46:44.727Z","updated_at":"2026-02-13T11:26:19.683Z","avatar_url":"https://github.com/RonDevHub.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## README.md (English)\n### Animated \u0026 Stylish Share Buttons\n\nA collection of responsive and stylish social media share buttons with subtle CSS animations (floating and 'breathing' on hover). Color-coded to match the respective brands and easy to integrate into any web project.\n\n#### Features\n- Modern \u0026 Stylish Design: Clean and contemporary look for your website's sharing options.\n- Subtle Animations: Engaging hover effects including a gentle float and a subtle 'breathing' color intensity change.\n- Brand Color Integration: Buttons are styled with the official background colors of popular social media platforms.\n- Responsive: Adapts seamlessly to different screen sizes and devices.\n- Icon-Based: Utilizes SVG icons for crisp rendering on all resolutions (you need to provide your own SVG icons).\n- Accessible: Includes sr-only text for screen reader users, ensuring accessibility.\n- Easy to Integrate: Simple HTML and CSS structure for quick implementation.\n#### Platforms Supported\n- Facebook\n- Twitter/X\n- Email\n- Threads\n- Mastodon\n- (You can easily add more by extending the HTML and CSS)\n#### Customization\nYou can easily customize the appearance and behavior of the share buttons:\n- Colors: Modify the background colors in the `.share-[platform]` classes to match your branding or preferred style.\n- Button Size: Adjust the `width` and `height` properties of the `.share-button` class.\n- Animation Intensity: Change the `translateY` value in the `@keyframes float` and the `rgba` color in `@keyframes breathe` to alter the animation effects.\n- Hover Effects: Feel free to experiment with different `transform`, `box-shadow`, and other CSS properties in the `.share-button:hover` rule.\n- Add More Platforms: Extend the HTML list with new `\u003cli\u003e` elements and create corresponding CSS rules (e.g., `.share-instagram`) with the platform's brand color.\n#### Contributing\nContributions are welcome! If you have ideas for improvements, new animations, or bug fixes, please feel free to submit a pull request or open an issue.\n#### License\nThis project is licensed under the MIT License - see the https://www.google.com/search?q=LICENSE file for details.\n#### Acknowledgements\n- Inspiration from various UI/UX design patterns for share buttons.\n- Use of brand colors for a consistent user experience.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frondevhub%2Fbreathing-share-buttons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frondevhub%2Fbreathing-share-buttons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frondevhub%2Fbreathing-share-buttons/lists"}