{"id":19526000,"url":"https://github.com/wyfir/bottom_navbar","last_synced_at":"2025-03-16T17:15:44.212Z","repository":{"id":250056651,"uuid":"833340855","full_name":"wyfir/bottom_navbar","owner":"wyfir","description":"The Bottom Navigation Menu is a sleek and user-friendly bottom navigation system ideal for enhancing mobile web applications.","archived":false,"fork":false,"pushed_at":"2024-07-24T21:16:52.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.831Z","etag":null,"topics":["bottom-navigation","bottom-navigation-bar","css","html","html-css-javascript","javascript","navbar","navbar-css","navigation-menu","responsive-design"],"latest_commit_sha":null,"homepage":"https://wyfir.github.io/bottom_navbar/","language":"HTML","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-24T21:01:48.000Z","updated_at":"2024-08-13T13:42:35.000Z","dependencies_parsed_at":"2024-07-25T00:11:40.427Z","dependency_job_id":null,"html_url":"https://github.com/wyfir/bottom_navbar","commit_stats":null,"previous_names":["wyfir/bottom_navbar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fbottom_navbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fbottom_navbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fbottom_navbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fbottom_navbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wyfir","download_url":"https://codeload.github.com/wyfir/bottom_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":["bottom-navigation","bottom-navigation-bar","css","html","html-css-javascript","javascript","navbar","navbar-css","navigation-menu","responsive-design"],"created_at":"2024-11-11T01:07:52.995Z","updated_at":"2025-03-16T17:15:44.112Z","avatar_url":"https://github.com/wyfir.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bottom Navigation Menu\n\nThe Bottom Navigation Menu is a sleek and user-friendly bottom navigation system ideal for enhancing mobile web applications. It features icons with optional text labels, ensuring optimal space usage and accessibility. The menu is developed using HTML, CSS, and JavaScript, making it fully responsive and customizable.\n\n## Features\n\n- **Mobile-Optimized Design:** Specifically tailored for mobile devices, ensuring easy navigation with thumb-friendly links.\n- **Icon-Based with Text Labels:** Combines icons and text labels for clarity, with an option to hide text for a more minimalist look.\n- **Active Section Highlighting:** Automatically highlights the currently active section to provide visual feedback to the user.\n- **Responsive and Adaptable:** Adjusts to various screen sizes and orientations.\n- **Customizable Appearance:** Utilizes CSS variables for easy theme and style customization.\n\n## Demo\n\nExperience the live functionality of the Bottom Navigation Menu here:\n[Live Demonstration](https://wyfir.github.io/bottom_navbar/)\n\n\n## Installation\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/wyfir/bottom_navbar.git\n   ```\n2. **Navigate to the project directory:**\n   ```bash\n   cd bottom_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%2Fbottom_navbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwyfir%2Fbottom_navbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyfir%2Fbottom_navbar/lists"}