{"id":20503619,"url":"https://github.com/withaarzoo/rocker-switch","last_synced_at":"2026-05-26T23:03:08.852Z","repository":{"id":188906923,"uuid":"679661191","full_name":"withaarzoo/Rocker-Switch","owner":"withaarzoo","description":"This repository contains the HTML and CSS code for creating a stylish and interactive rocker switch component.","archived":false,"fork":false,"pushed_at":"2023-08-17T10:47:29.000Z","size":7,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-05T20:42:23.690Z","etag":null,"topics":["css","html","html-css-project","switch"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/withaarzoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-08-17T10:36:13.000Z","updated_at":"2023-08-17T10:48:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"b95779fc-7ffe-4854-b884-326f2e3ad96b","html_url":"https://github.com/withaarzoo/Rocker-Switch","commit_stats":null,"previous_names":["aarzoo75/rocker-switch","withaarzoo/rocker-switch"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/withaarzoo/Rocker-Switch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FRocker-Switch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FRocker-Switch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FRocker-Switch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FRocker-Switch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/withaarzoo","download_url":"https://codeload.github.com/withaarzoo/Rocker-Switch/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FRocker-Switch/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33542350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"ssl_error","status_checked_at":"2026-05-26T15:22:15.568Z","response_time":63,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","html","html-css-project","switch"],"created_at":"2024-11-15T19:33:04.934Z","updated_at":"2026-05-26T23:03:08.824Z","avatar_url":"https://github.com/withaarzoo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Rocker Switch\nThis repository contains the HTML and CSS code for creating a stylish and interactive rocker switch component. The switch is designed with both light and dark themes, providing an elegant and intuitive way to toggle between different states.\n\n## Features\n\u003cli\u003e\u003cb\u003eInteractive Design:\u003c/b\u003eThe rocker switch features an interactive design that responds to user interactions with smooth animations and transitions.\u003c/li\u003e\n\u003cli\u003e\u003cb\u003eLight and Dark Themes:\u003c/b\u003eThe switch supports both light and dark themes, adapting to different color schemes while maintaining a consistent design.\u003c/li\u003e\n\u003cli\u003e\u003cb\u003eOn State:\u003c/b\u003eThe switch visually represents the \"on\" state with carefully crafted animations and shading effects.\u003c/li\u003e\n\u003cli\u003e\u003cb\u003eResponsive:\u003c/b\u003eThe switch is responsive and adapts to various screen sizes, ensuring a consistent user experience across different devices.\u003c/li\u003e\n\n## Usage\n1. Clone the repository or download the ZIP file.\n2. Open the `index.html` file in a web browser to see the rocker switch in action.\n   \n## Customization\nYou can customize various aspects of the rocker switch by adjusting the CSS variables defined in the `style.css` file. These variables allow you to change colors, animations, and other visual properties to match your design preferences.\n\nContributing\nContributions are welcome! If you find any issues or have ideas for improvements, feel free to submit a pull request or open an issue in the repository.\n\n## License\nThe code in this repository is licensed under the MIT License.\n\n## Preview\n\u003cimg width=\"900\" style=\"border-radius: 15px;\" alt=\"Screenshot 2023-08-17 160153\" src=\"https://github.com/Aarzoo75/Rocker-Switch/assets/59678435/39a49d86-7e66-474c-9f57-09982e0441fc\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Frocker-switch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwithaarzoo%2Frocker-switch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Frocker-switch/lists"}