{"id":19525999,"url":"https://github.com/wyfir/dropdown_navbar","last_synced_at":"2026-01-03T01:53:56.964Z","repository":{"id":250068118,"uuid":"833378554","full_name":"wyfir/dropdown_navbar","owner":"wyfir","description":"The Dropdown Navigation Menu is a responsive navigation solution featuring a dynamic dropdown system, ideal for complex websites with multiple sections. ","archived":false,"fork":false,"pushed_at":"2024-07-24T23:50:17.000Z","size":5,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-23T03:54:59.859Z","etag":null,"topics":["css","dropdown","dropdown-menu","dropdown-menus","dropdown-nav","dropdown-navbar","html","html-css-javascript","javascript","navbar-css","navbar-menu"],"latest_commit_sha":null,"homepage":"https://wyfir.github.io/dropdown_navbar/","language":"CSS","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/wyfir.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":"2024-07-24T23:43:44.000Z","updated_at":"2024-08-13T13:42:32.000Z","dependencies_parsed_at":"2024-07-25T02:04:34.148Z","dependency_job_id":null,"html_url":"https://github.com/wyfir/dropdown_navbar","commit_stats":null,"previous_names":["wyfir/dropdown_navbar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fdropdown_navbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fdropdown_navbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fdropdown_navbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fdropdown_navbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wyfir","download_url":"https://codeload.github.com/wyfir/dropdown_navbar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243902322,"owners_count":20366262,"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","dropdown","dropdown-menu","dropdown-menus","dropdown-nav","dropdown-navbar","html","html-css-javascript","javascript","navbar-css","navbar-menu"],"created_at":"2024-11-11T01:07:52.751Z","updated_at":"2026-01-03T01:53:56.938Z","avatar_url":"https://github.com/wyfir.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dropdown Navigation Menu\n\nThe Dropdown Navigation Menu is a responsive navigation solution featuring a dynamic dropdown system, ideal for complex websites with multiple sections. This menu supports various content structures, making it versatile for different web projects. It is built using HTML, CSS, and JavaScript, with additional features like a mobile-responsive hamburger menu for compact screens.\n\n## Features\n\n- **Responsive Design:** Adapts seamlessly to various screen sizes from mobile to desktop.\n- **Dynamic Dropdowns:** Interactive dropdown menus for detailed navigation options.\n- **Active Link Highlighting:** Automatically highlights the active section in the navigation.\n- **Hamburger Menu:** Compact and efficient navigation on mobile devices.\n- **Smooth Transitions:** Elegant animations for dropdown actions enhancing the user experience.\n- **Customizable:** Easily modify styles through CSS variables to match your design needs.\n\n## Demo\n\nExperience the live functionality of the Bottom Navigation Menu here:\n[Live Demonstration](https://wyfir.github.io/dropdown_navbar/)\n\n## Installation\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/wyfir/dropdown_navbar.git\n   ```\n2. **Navigate to the project directory:**\n   ```bash\n   cd dropdown_navbar\n   ```\n\n# Css and JavaScript\n\nInclude the styles and script files in your project. Customize the CSS variables to fit your design requirements.\n\n## Important!\n\nEnsure you include the Boxicons CSS in your `\u003chead\u003e`:\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css\"\n/\u003e\n```\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.\n\n# Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests to improve this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyfir%2Fdropdown_navbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwyfir%2Fdropdown_navbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyfir%2Fdropdown_navbar/lists"}