{"id":22385381,"url":"https://github.com/subhajeetch/super-cool-floating-nav-bar","last_synced_at":"2025-03-26T20:25:52.014Z","repository":{"id":256892442,"uuid":"856741347","full_name":"Subhajeetch/Super-Cool-Floating-Nav-Bar","owner":"Subhajeetch","description":"This is a super duper Responsive floating Navigation Bar that you can use to change content in the webpage.","archived":false,"fork":false,"pushed_at":"2024-09-15T07:19:26.000Z","size":434,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T02:24:31.118Z","etag":null,"topics":["navbar","navigation-component","navigation-drawer","navigationbar","responsivenavigationbar"],"latest_commit_sha":null,"homepage":"https://subhajeetch.github.io/Super-Cool-Floating-Nav-Bar/","language":"JavaScript","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/Subhajeetch.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":"2024-09-13T05:50:06.000Z","updated_at":"2024-09-15T07:19:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"2b53a546-ae99-4011-9de1-f8888b183fb1","html_url":"https://github.com/Subhajeetch/Super-Cool-Floating-Nav-Bar","commit_stats":null,"previous_names":["subhajeetch/super-cool-floating-nav-bar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhajeetch%2FSuper-Cool-Floating-Nav-Bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhajeetch%2FSuper-Cool-Floating-Nav-Bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhajeetch%2FSuper-Cool-Floating-Nav-Bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhajeetch%2FSuper-Cool-Floating-Nav-Bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Subhajeetch","download_url":"https://codeload.github.com/Subhajeetch/Super-Cool-Floating-Nav-Bar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245729650,"owners_count":20662890,"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":["navbar","navigation-component","navigation-drawer","navigationbar","responsivenavigationbar"],"created_at":"2024-12-05T01:25:27.356Z","updated_at":"2025-03-26T20:25:51.993Z","avatar_url":"https://github.com/Subhajeetch.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Super Cool Floating Nav Bar\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/faee3a21-b056-4128-b858-87f53522642c\" alt=\"GIF Overview\" width=\"60%\" /\u003e\n\u003c/p\u003e\n\nThis project is a floating navigation bar with a sleek and modern design. The nav bar sticks to the bottom of the page and enhances the user interface by enabling users to switch between different content sections dynamically through the DOM. \nYou can experience the project yourself [here](subhajeetch.github.io/Super-Cool-Floating-Nav-Bar).\n\n## Features\n\n- **Floating Nav Bar**: The navigation bar is fixed to the bottom of the page, providing a clean and intuitive UI.\n- **Collapsible Nav**: It features an open and close button, which triggers a smooth animation when the nav bar expands or collapses, revealing or hiding the navigation buttons.\n- **Cool Animations**: When toggled, the nav bar appears with cool animations, making the user experience more engaging.\n\n## Project Highlights\n\n- The `nav` element is styled with `position: fixed` to make it float at the bottom.\n- The open/close buttons toggle the visibility of the nav bar with smooth animations.\n- Took 2 days to build and perfect.\n\n## Languages Used\n\n- **HTML**\n- **CSS**\n- **JavaScript**\n\n## Installation\n\nTo clone and run this repository, you’ll need Git installed on your machine. From your command line:\n\n```bash\ngit clone https://github.com/Subhajeetch/Super-Cool-Floating-Nav-Bar.git\n```\n\n## License\nThis project is open-source and available under the [MIT License](LICENSE). Use \u0026 modify the code however you want.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubhajeetch%2Fsuper-cool-floating-nav-bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubhajeetch%2Fsuper-cool-floating-nav-bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubhajeetch%2Fsuper-cool-floating-nav-bar/lists"}