{"id":13469510,"url":"https://github.com/AlfieJones/theme-toggles","last_synced_at":"2025-03-26T07:30:45.001Z","repository":{"id":42681981,"uuid":"384679969","full_name":"AlfieJones/theme-toggles","owner":"AlfieJones","description":"Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide an ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.","archived":false,"fork":false,"pushed_at":"2024-05-15T08:39:23.000Z","size":9924,"stargazers_count":616,"open_issues_count":5,"forks_count":19,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-07-18T23:28:08.454Z","etag":null,"topics":["dark-theme-toggle","react","theme-toggles"],"latest_commit_sha":null,"homepage":"https://toggles.dev","language":"TypeScript","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/AlfieJones.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["AlfieJones"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2021-07-10T11:18:41.000Z","updated_at":"2024-07-10T11:49:25.000Z","dependencies_parsed_at":"2024-01-13T16:24:11.998Z","dependency_job_id":"75718380-1b17-4bd9-8615-c3e4e1f901c3","html_url":"https://github.com/AlfieJones/theme-toggles","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlfieJones%2Ftheme-toggles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlfieJones%2Ftheme-toggles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlfieJones%2Ftheme-toggles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlfieJones%2Ftheme-toggles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlfieJones","download_url":"https://codeload.github.com/AlfieJones/theme-toggles/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":213374179,"owners_count":15577515,"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":["dark-theme-toggle","react","theme-toggles"],"created_at":"2024-07-31T15:01:42.922Z","updated_at":"2024-07-31T15:11:08.151Z","avatar_url":"https://github.com/AlfieJones.png","language":"TypeScript","funding_links":["https://github.com/sponsors/AlfieJones"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cimg width=\"100%\" src=\"./banner-dark.gif#gh-dark-mode-only\" /\u003e\n\u003cimg width=\"100%\" src=\"./banner-light.gif#gh-light-mode-only\" /\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n\u003cbr /\u003e\n    \u003cimg alt=\"NPM version\" src=\"https://img.shields.io/npm/v/theme-toggles?style=for-the-badge\"\u003e\n\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003ch1 \u003eTheme Toggles\u003c/h1\u003e\n\u003cp\u003eTheme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide an ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.\u003c/p\u003e  \n\u003c/p\u003e\n\u003ch2\u003e\n  \u003ca href=\"https://toggles.dev\"\u003eFull Documentation\u003c/a\u003e\n\u003c/h2\u003e\n\u003c/div\u003e\n\n\u003e This is the v5 branch. The current release version can be found [here](https://github.com/alfiejones/theme-toggles/tree/v4). Version 5 is a complete refactor of the library \n\n### Installing the latest version\n\nYou can install the latest version by using:\n\n- `npm install theme-toggles@latest` or `yarn add theme-toggles@latest`.\n- `npm install @theme-toggles/react@latest` or `yarn add @theme-toggles/react@latest`.\n\n## Packages\n\n| Name                                                                                                     |                                                        Version                                                        |\n| :------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------: |\n| [`theme-toggles`](https://github.com/alfiejones/theme-toggles/tree/main/) | [![npm version](https://img.shields.io/npm/v/theme-toggles.svg)](https://www.npmjs.com/package/theme-toggles) |\n| [`@theme-toggles/react`](https://github.com/alfiejones/theme-toggles/tree/main/packages/react)     |   [![npm version](https://img.shields.io/npm/v/@theme-toggles/react.svg)](https://www.npmjs.com/package/@theme-toggles/react)   |\n\n## About\nOur project provides you with a quick and effortless way to implement well designed toggles. With more websites supporting both light and dark themes, it's important to ensure sites also have a clean and accessible toggle.\n\nWe use SVG’s for each of our toggles, animating them with CSS. Using SVG’s instead of html elements like div’s enables us to have minimal markup whilst maintaining a high quality and scalable icon.\n\n### Features\n* Tiny ~1.5kb (min and gzip)\n* Accessible\n* Customizable\n\n## Roadmap\nNew development is currently happening on the v5 branch\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlfieJones%2Ftheme-toggles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAlfieJones%2Ftheme-toggles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlfieJones%2Ftheme-toggles/lists"}