{"id":19726523,"url":"https://github.com/gustavocadev/hamburger-qwik","last_synced_at":"2026-03-05T16:19:16.769Z","repository":{"id":191613843,"uuid":"685161690","full_name":"gustavocadev/hamburger-qwik","owner":"gustavocadev","description":"Animated hamburger menu icons for Qwik.","archived":false,"fork":false,"pushed_at":"2024-08-26T21:05:51.000Z","size":220,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-13T21:18:50.590Z","etag":null,"topics":["hamburger-menu","menu","qwik","toggle"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/hamburger-qwik","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/gustavocadev.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2023-08-30T16:37:34.000Z","updated_at":"2024-11-26T02:07:20.000Z","dependencies_parsed_at":"2023-08-30T17:47:01.062Z","dependency_job_id":"2238bdb0-547f-44a4-a2f6-52d530530ca8","html_url":"https://github.com/gustavocadev/hamburger-qwik","commit_stats":{"total_commits":46,"total_committers":2,"mean_commits":23.0,"dds":0.08695652173913049,"last_synced_commit":"a3cc8bb53745a6cd0588d3c02d92c525768431b2"},"previous_names":["gustavocadev/hamburger-qwik","salemgst/hamburger-qwik"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/gustavocadev/hamburger-qwik","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavocadev%2Fhamburger-qwik","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavocadev%2Fhamburger-qwik/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavocadev%2Fhamburger-qwik/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavocadev%2Fhamburger-qwik/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gustavocadev","download_url":"https://codeload.github.com/gustavocadev/hamburger-qwik/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavocadev%2Fhamburger-qwik/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28550497,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T20:59:07.572Z","status":"ssl_error","status_checked_at":"2026-01-18T20:59:02.799Z","response_time":98,"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":["hamburger-menu","menu","qwik","toggle"],"created_at":"2024-11-11T23:35:57.340Z","updated_at":"2026-01-18T21:02:54.426Z","avatar_url":"https://github.com/gustavocadev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp\u003e‌\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Preview\" src=\"https://raw.githubusercontent.com/cyntler/hamburger-react/master/docs/static/preview.gif\" height=\"96\" width=\"640\"\u003e\n\u003c/p\u003e\n\u003cp\u003e‌\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003ch1 align=\"center\"\u003eAnimated hamburger menu icons for Qwik\u003c/h1\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://hamburger-qwik.netlify.app\"\u003eHamburger menu icons\u003c/a\u003e for Qwik, with CSS-driven transitions. Created to be as elegant and performant as possible. This means no JavaScript animations, no transitions on non-cheap properties and a small size.\n\u003c/p\u003e\n\nThis package is a port of [hamburger-react](https://github.com/cyntler/hamburger-react).\n\n## Installation\n\n```sh\npnpm add hamburger-qwik\n```\n\nor\n\n```sh\nnpm install hamburger-qwik\n```\n\n## Size\n\nWhen using one hamburger, ~1.5 KB will be added to your bundle (min + gzip).\n\n## Usage\n\n[Visit the website](https://hamburger-qwik.netlify.app) for full documentation, API and examples. A basic implementation looks as follows:\n\n```js\nimport Hamburger from 'hamburger-qwik';\n```\n\n```js\nconst isOpen = useSignal(false);\n```\n\n```jsx\n\u003cHamburger toggle={isOpen} /\u003e\n```\n\nOr without providing your own state:\n\n```jsx\n\u003cHamburger onToggle$={toggled =\u003e ...} /\u003e\n```\n\n## Yet another hamburger library?\n\nYes. Since the creation of these burgers in 2015 a lot of similar ones have appeared, with one or more of the following downsides:\n\n- Animations that don't feel natural\n- Transitions on expensive properties (jerky animations)\n- No Qwik support\n- Size (additional dependencies besides Qwik or no tree shaking)\n- Not customizable, or too customizable (no sensible defaults)\n- Doing too much\n\n## Accessibility\n\nIt is recommended to have a tap/click area of at least 48x48 pixels. Therefore, padding will be added around the icon to create a surface of exactly this size.\n\nKeyboard interaction is provided with the `enter` key, and the icon element has the recommended accessibility attributes (such as `role`). You can use the `label` property to supply an ARIA label for the icon.\n\n## Support\n\nThe icons are hooks-based, and will work with Qwik 1.0.0 ('the one with hooks') or higher.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavocadev%2Fhamburger-qwik","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgustavocadev%2Fhamburger-qwik","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavocadev%2Fhamburger-qwik/lists"}