{"id":19427647,"url":"https://github.com/4xmen/rvnm","last_synced_at":"2025-04-24T17:31:42.423Z","repository":{"id":98193939,"uuid":"113504293","full_name":"4xmen/rvnm","owner":"4xmen","description":"Responsive vertical navigation menu","archived":false,"fork":false,"pushed_at":"2022-12-03T03:08:33.000Z","size":12140,"stargazers_count":65,"open_issues_count":0,"forks_count":8,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-19T04:40:54.487Z","etag":null,"topics":["4xmen","javascript","menu","multi-theme","navbar","responsive-menu","responsive-navbar","right-to-left","rtl","rtl-design","wordpress","wordpress-menu","wordpress-navigation","xstack"],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/4xmen.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-07T22:20:00.000Z","updated_at":"2024-12-06T23:45:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"e5aafbbc-dd25-4f21-93fe-2509186f1153","html_url":"https://github.com/4xmen/rvnm","commit_stats":{"total_commits":76,"total_committers":2,"mean_commits":38.0,"dds":"0.013157894736842146","last_synced_commit":"1b6b742f7ac16a97c5407b286dbde9ddd13b2607"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4xmen%2Frvnm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4xmen%2Frvnm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4xmen%2Frvnm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4xmen%2Frvnm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/4xmen","download_url":"https://codeload.github.com/4xmen/rvnm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250674371,"owners_count":21469214,"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":["4xmen","javascript","menu","multi-theme","navbar","responsive-menu","responsive-navbar","right-to-left","rtl","rtl-design","wordpress","wordpress-menu","wordpress-navigation","xstack"],"created_at":"2024-11-10T14:12:21.402Z","updated_at":"2025-04-24T17:31:41.268Z","avatar_url":"https://github.com/4xmen.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# What is rvnm\nResponsive vertical navigation menu same as wordpress menu, with search and themes.\n\n![A Screenshot ]( /rvnm.gif?raw=true \"Screen shot\")\n# How use it?\nWith package manager:\n````\nnpm i rvnm\n````\nor \n````\nyarn add rvnm\n````\n\nor use dist file of repo.\n\nHTML:\n```html\n \u003cnav id=\"navbar\" class=\"\"\u003e\n    \u003cul\u003e\n        \u003cli\u003e\n            \u003cspan class=\"spliter\"\u003e\n                \u003ci class=\"fa fa-cart-plus\"\u003e\u003c/i\u003e\n                Aliquam dictum\n            \u003c/span\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\n            \u003ca href=\"#\"\u003e  \n                \u003ci class=\"fa fa-plus-square\"\u003e\u003c/i\u003e\n                Nunc eleifend molestie velit. Morbi lobortis quam eu velit\n            \u003c/a\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n                    \u003ca href=\"#\"\u003e\n                        semper leo\n                    \u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli\u003e\n                    \u003ca\u003e\n                        habitasse platea\n                    \u003c/a\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n                            \u003ca href=\"#\"\u003e\n                               dictumst\n                            \u003c/a\u003e\n                        \u003c/li\u003e\n                        \u003cli\u003e\n                            \u003ca href=\"#\"\u003e\n                                Vivamus facilisis\n                            \u003c/a\u003e\n                        \u003c/li\u003e\n                        \u003cli\u003e\n                            \u003ca href=\"#\"\u003e\n                                In hac habitasse\n                            \u003c/a\u003e\n                            \u003cul\u003e\n                                \u003cli\u003e\u003ca href=\"#\"\u003e platea dictumst \u003c/a\u003e\u003c/li\u003e\n                                \u003cli\u003e\u003ca href=\"#\"\u003eNunc sed lacus\u003c/a\u003e\u003c/li\u003e\n                                \u003cli\u003e\u003ca href=\"#\"\u003eeuismod gravida \u003c/a\u003e\u003c/li\u003e\n\n                            \u003c/ul\u003e\n\n                        \u003c/li\u003e\n\n                    \u003c/ul\u003e\n\n                \u003c/li\u003e\n                \u003cli\u003e\n                    \u003ca href=\"#\"\u003e\n                        sed placerat ipsum\n                    \u003c/a\u003e\n                \u003c/li\u003e\n\n            \u003c/ul\u003e\n\n        \u003c/li\u003e\n        \u003cli\u003e\n            \u003ca href=\"#\"\u003e  \n                \u003ci class=\"fa fa-address-book\"\u003e\u003c/i\u003e\n                ipsum urna sed risus\n            \u003c/a\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\n            \u003cspan class=\"spliter\"\u003e\n                \u003ci class=\"fa fa-cut\"\u003e\u003c/i\u003e\n                Maecenas fermentum\n            \u003c/span\u003e\n        \u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/nav\u003e\n```\njquery use:\n```javascript\n$(function () {\n    var rvnMenu = $(\"#navbar\").rvnm({\n        searchable: true,\n        theme: 'dark-lesb'\n    });\n    rvnMenu.setTheme('dark-doder');\n});\n```\n\n# DEMO (example)\n \n You can watch /demo of project.\n\n \n Online demo:\n \n http://4xmen.ir/github_example/rvnm/demo/\n \n online rtl demo:\n \n http://4xmen.ir/github_example/rvnm/demo/index-rtl.html\n \n \n# option and events\n\n### `wrapper`\n is main body container of site default is `#wrapper`\n \n ### `mode`\n Mode of menu can be (default = desktop| minimal = tablet | mobile)\n \n ### `theme`\nTheme of the menu default is `\"\"` and this a light theme other themes:\n - `dark`\n - `dark-lesb` dark \u0026 pink\n - `dark-doder` dark \u0026 blue\n - `dark-beryl` dark \u0026 green\n - `dark-ruby` dark \u0026 red\n \n ### `searchable` \n \nYou can use searchable menu but default is `false`\n \n ### `sticky` \n\nSticky ratio default is `1.85`\n \n # screenshot\n \n![A Screenshot ]( /screenshot.png?raw=true \"Screen shot\")\n\n\n## Browser compatibility\n- ![ie](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/archive/internet-explorer_9-11/internet-explorer_9-11_16x16.png) IE \u003e= 9\n- ![edge](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/edge/edge_16x16.png) Edge all version\n- ![firefox](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/firefox/firefox_16x16.png) Firefox \u003e= 16\n- ![safari](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/archive/safari_1-7/safari_1-7_16x16.png) Safari \u003e=11\n- ![chrom](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/chrome/chrome_16x16.png)/![chromium](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/chromium/chromium_16x16.png) chrome / chromium \u003e= 26 \n- ![opera](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/opera/opera_16x16.png) Opera \u003e=15\n- ![android](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/archive/android/android_16x16.png) Android browser \u003e= 4.4\n- Blackberry Browser \u003e=  10\n- ![ios safari](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/46.1.0/archive/safari-ios_1-6/safari-ios_1-6_16x16.png) iOS Safari \u003e= 7\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4xmen%2Frvnm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F4xmen%2Frvnm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4xmen%2Frvnm/lists"}