{"id":17275145,"url":"https://github.com/raphaelfabeni/ui-interactions","last_synced_at":"2025-04-06T13:10:29.231Z","repository":{"id":36382276,"uuid":"199331684","full_name":"raphaelfabeni/ui-interactions","owner":"raphaelfabeni","description":"Open source click and copy user interface interactions.","archived":false,"fork":false,"pushed_at":"2024-03-26T11:32:08.000Z","size":410,"stargazers_count":332,"open_issues_count":3,"forks_count":9,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-30T11:08:50.796Z","etag":null,"topics":["css","user-interface"],"latest_commit_sha":null,"homepage":"https://raphaelfabeni.com/ui-interactions/","language":"Stylus","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/raphaelfabeni.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":"2019-07-28T20:01:51.000Z","updated_at":"2024-10-01T23:49:00.000Z","dependencies_parsed_at":"2024-10-30T23:03:00.455Z","dependency_job_id":"0ccd60b5-51a3-4b63-ace9-c52ed12d86de","html_url":"https://github.com/raphaelfabeni/ui-interactions","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/raphaelfabeni%2Fui-interactions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fui-interactions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fui-interactions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fui-interactions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raphaelfabeni","download_url":"https://codeload.github.com/raphaelfabeni/ui-interactions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247485287,"owners_count":20946398,"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":["css","user-interface"],"created_at":"2024-10-15T08:55:31.934Z","updated_at":"2025-04-06T13:10:29.204Z","avatar_url":"https://github.com/raphaelfabeni.png","language":"Stylus","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UI interactions\n\n[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/raphaelfabeni/ui-interactions/issues)\n\n\u003e Ready-to-use UI interactions using only one element and pure CSS. Because we love UI interactions and CSS!\n\n[Check it out](https://ui-interactions.raphaelfabeni.com/)\n\n**Table of contents**\n\n- [Why?](#why)\n- [How does it work?](#how-does-it-work)\n- [Contributing?](#contributing)\n- [Spreading the word?](#spreading-the-word)\n\n## Why\n\nPersonally, I love to give feedback to the user during a web experience. A simple click in a button and a lot of stuff could happen in the page. So, why don't help/guide the user to understand what is happening in the UI to make the whole experience nicer?\n\n- ☝️ Only one tag per component (usually a `button`).\n- ❤️ Pure CSS.\n\n## How does it work?\n\nAll the components have two states: the _default_ and the _active_ state. The state toggle occurs based on a class `is-active`.\n\n## Contributing\n\nMore info [here](CONTRIBUTING.md).\n\n## Spreading the world\n\nCompanies/projects using _ui-interactions_.\n\n_Soon, I hope!_ 😝 \n\n## License\n\nThe code is available under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphaelfabeni%2Fui-interactions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraphaelfabeni%2Fui-interactions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphaelfabeni%2Fui-interactions/lists"}