{"id":22781330,"url":"https://github.com/subzane/flymenu-reactjs","last_synced_at":"2026-04-12T05:32:00.715Z","repository":{"id":44504447,"uuid":"252755675","full_name":"SubZane/flymenu-reactjs","owner":"SubZane","description":"An off-canvas menu system for responsive websites","archived":false,"fork":false,"pushed_at":"2023-01-31T09:08:24.000Z","size":1006,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-18T03:06:05.572Z","etag":null,"topics":["javascript","navigation","off-canvas-menu","off-canvas-navigation","plugin","react","reactjs","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://subzane.github.io/flymenu-reactjs/","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/SubZane.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-03T14:27:31.000Z","updated_at":"2023-06-04T21:02:01.000Z","dependencies_parsed_at":"2023-02-16T17:45:26.657Z","dependency_job_id":null,"html_url":"https://github.com/SubZane/flymenu-reactjs","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/SubZane/flymenu-reactjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Fflymenu-reactjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Fflymenu-reactjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Fflymenu-reactjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Fflymenu-reactjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SubZane","download_url":"https://codeload.github.com/SubZane/flymenu-reactjs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Fflymenu-reactjs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260477922,"owners_count":23015064,"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":["javascript","navigation","off-canvas-menu","off-canvas-navigation","plugin","react","reactjs","styled-components","typescript"],"created_at":"2024-12-11T21:07:12.553Z","updated_at":"2025-12-30T22:30:23.623Z","avatar_url":"https://github.com/SubZane.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/SubZane/flymenu-reactjs/master/public/img/github-img.png\" width=\"400\" alt=\"flymenu-reactjs\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/subzane/flymenu-reactjs/styled-components?color=%23DB7093\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/subzane/flymenu-reactjs/react?color=61DAFB\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/subzane/flymenu-reactjs/react-dom?color=61DAFB\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/subzane/flymenu-reactjs/react-scripts?color=61DAFB\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/package-json/dependency-version/subzane/flymenu-reactjs/typescript\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://img.shields.io/github/v/release/SubZane/flymenu-reactjs?sort=semver\"\u003e\n\t\u003cimg alt=\"GitHub Workflow Status\" src=\"https://img.shields.io/github/workflow/status/subzane/flymenu-reactjs/Build\"\u003e\n\t\u003cimg src=\"https://img.shields.io/static/v1?label=license\u0026message=MIT\u0026color=brightgreen\"\u003e\n\u003c/p\u003e\n\n## Description\n\nflymenu-reactjs is an off-canvas menu component written in ReactJS with TypeScript and Styled Components.\n\n## Demo\n\nA demo can be found here: \u003ca href=\"https://subzane.github.io/flymenu-reactjs/\"\u003eDemo\u003c/a\u003e\n\n## Installation\n\n```\nyarn add flymenu-reactjs\n# or via npm\nnpm install flymenu-reactjs --save\n```\n\n## Theme Options\n\nThere is a small theme settings file located in `/src/helpers/theme.tsx` where you can change colors and such.\n\n### Properties\n\n`\u003cOffCanvasPanel /\u003e` component\n\n- `showButton = true`: If the default menu button should be used\n- `state = ''`: If the menu should be visible or not. Only used when not using the default menu button `'open' | 'close' | ''`\n- `animation = 'door-left'`: Animation effect of the menu. You can choose between `'door-left' | 'door-right' | 'flip-bottom' | 'flip-top'`\n\n`\u003cSlidemenu /\u003e` component\n\n- `menuDataSource`: Menudata object used to render the menu\n- `backButtonText = 'Go back'`: Text on the back-button\n\n## Local development and usage\n\nInstall dependencies and start the development server\n\n```\nyarn install\nyarn start\n```\n\nOpen [`localhost:3000`](http://localhost:3000) in your browser.\n\n## Requirements\n\nRequires Node 10+ to run\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubzane%2Fflymenu-reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubzane%2Fflymenu-reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubzane%2Fflymenu-reactjs/lists"}