{"id":21939883,"url":"https://github.com/axeincode/ariakit","last_synced_at":"2025-04-22T15:20:39.674Z","repository":{"id":258019793,"uuid":"870674399","full_name":"axeincode/ariakit","owner":"axeincode","description":"Toolkit for building accessible web apps with React","archived":false,"fork":false,"pushed_at":"2024-10-11T12:36:17.000Z","size":102662,"stargazers_count":4,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-17T10:04:03.076Z","etag":null,"topics":["accessibillity","ally","aria","ariakit","components","react","reactjs","reakit","wai-aria"],"latest_commit_sha":null,"homepage":"https://ariakit.org/","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/axeincode.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","contributing":"contributing.md","funding":".github/funding.yml","license":"license","code_of_conduct":"code_of_conduct.md","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":["ariakit","diegohaz"],"patreon":null,"open_collective":"ariakit","ko_fi":null,"tidelift":null,"custom":null}},"created_at":"2024-10-10T13:16:49.000Z","updated_at":"2024-10-11T13:28:49.000Z","dependencies_parsed_at":"2024-10-17T10:25:42.305Z","dependency_job_id":null,"html_url":"https://github.com/axeincode/ariakit","commit_stats":null,"previous_names":["axeincode/ariakit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axeincode%2Fariakit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axeincode%2Fariakit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axeincode%2Fariakit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axeincode%2Fariakit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/axeincode","download_url":"https://codeload.github.com/axeincode/ariakit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227026735,"owners_count":17719457,"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":["accessibillity","ally","aria","ariakit","components","react","reactjs","reakit","wai-aria"],"created_at":"2024-11-29T02:27:53.387Z","updated_at":"2024-11-29T02:27:54.106Z","avatar_url":"https://github.com/axeincode.png","language":"TypeScript","funding_links":["https://github.com/sponsors/ariakit","https://github.com/sponsors/diegohaz","https://opencollective.com/ariakit"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eAriakit\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  Toolkit for building accessible web apps with \u003ca href=\"https://reactjs.org\"\u003eReact\u003c/a\u003e.\n  \u003cbr\u003e\n  \u003ca href=\"https://ariakit.org\"\u003e\u003cstrong\u003eExplore website »\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://npmjs.org/package/@ariakit/react\"\u003e\n    \u003cimg alt=\"NPM version\" src=\"https://img.shields.io/npm/v/@ariakit/react.svg?logo=npm\u0026color=007acc\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ariakit/ariakit/releases\"\u003e\n    \u003cimg alt=\"GitHub Release Date\" src=\"https://img.shields.io/github/release-date/ariakit/ariakit?logo=github\u0026color=007acc\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ariakit/ariakit/discussions\"\u003e\n    \u003cimg alt=\"GitHub Discussions\" src=\"https://img.shields.io/github/discussions/ariakit/ariakit?logo=github\u0026color=007acc\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://npmjs.org/package/@ariakit/react\"\u003e\n    \u003cimg alt=\"NPM downloads\" src=\"https://img.shields.io/npm/dm/@ariakit/react.svg?logo=npm\u0026style=social\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/ariakit/ariakit/stargazers\"\u003e\n    \u003cimg alt=\"GitHub Repo stars\" src=\"https://img.shields.io/github/stars/ariakit/ariakit?style=social\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://x.com/ariakitjs\"\u003e\n    \u003cimg alt=\"Follow Ariakit on Twitter\" src=\"https://img.shields.io/twitter/follow/ariakitjs.svg\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n## Installation\n\nnpm:\n\n```\nnpm i @ariakit/react\n```\n\npnpm:\n\n```\npnpm add @ariakit/react\n```\n\nYarn:\n\n```\nyarn add @ariakit/react\n```\n\n## Usage\n\n```jsx\nimport { useState } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { Button, Dialog, DialogHeading } from \"@ariakit/react\";\n\nfunction App() {\n  const [open, setOpen] = useState(false);\n  return (\n    \u003c\u003e\n      \u003cButton onClick={() =\u003e setOpen(true)}\u003eOpen dialog\u003c/Button\u003e\n      \u003cDialog open={open} onClose={() =\u003e setOpen(false)}\u003e\n        \u003cDialogHeading\u003eAriakit\u003c/DialogHeading\u003e\n        \u003cp\u003eWelcome to Ariakit!\u003c/p\u003e\n      \u003c/Dialog\u003e\n    \u003c/\u003e\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")).render(\u003cApp /\u003e);\n```\n\n## Core Team\n\n- [Diego Haz](https://x.com/diegohaz)\n- [Ben Rodri](https://x.com/benrodrs)\n\n## Attribution\n\nBrowser testing provided by\n\u003ca href=\"https://www.browserstack.com\" target=\"_blank\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/15015324/45184727-368fbf80-b1fe-11e8-8827-08dbc80b0fb1.png\" height=\"80\" align=\"center\"\u003e\u003c/a\u003e\n\n## Contributing\n\nFollow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxeincode%2Fariakit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faxeincode%2Fariakit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxeincode%2Fariakit/lists"}