{"id":26808319,"url":"https://github.com/biasiolo/gooey-interactive-menu","last_synced_at":"2025-03-30T00:20:18.519Z","repository":{"id":213365059,"uuid":"733755468","full_name":"Biasiolo/gooey-interactive-menu","owner":"Biasiolo","description":"This project consists of an interactive menu with animated bubbles, created to add a dynamic and engaging visual experience to your website. The bubbles are stylized and animated randomly, providing a fun and modern touch to user navigation.","archived":false,"fork":false,"pushed_at":"2023-12-22T00:38:29.000Z","size":638,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-03T01:09:12.847Z","etag":null,"topics":["animated-menu","bubbles","gooey","gooey-menu","javascript","menu","menu-navigation","user-interface","ux-design"],"latest_commit_sha":null,"homepage":"https://gooey-interactive-menu.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Biasiolo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-12-20T03:48:22.000Z","updated_at":"2023-12-20T04:03:00.000Z","dependencies_parsed_at":"2023-12-20T17:12:23.885Z","dependency_job_id":null,"html_url":"https://github.com/Biasiolo/gooey-interactive-menu","commit_stats":null,"previous_names":["biasiolo/gooey-interactive-menu"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fgooey-interactive-menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fgooey-interactive-menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fgooey-interactive-menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Biasiolo%2Fgooey-interactive-menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Biasiolo","download_url":"https://codeload.github.com/Biasiolo/gooey-interactive-menu/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246259865,"owners_count":20748733,"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":["animated-menu","bubbles","gooey","gooey-menu","javascript","menu","menu-navigation","user-interface","ux-design"],"created_at":"2025-03-30T00:20:18.043Z","updated_at":"2025-03-30T00:20:18.481Z","avatar_url":"https://github.com/Biasiolo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Interactive Menu with Animated Bubbles\n\n## Application Website\n\nVisit our [Application Website](https://gooey-interactive-menu.vercel.app/) for a live demonstration.\n\nThis project consists of an interactive menu with animated bubbles, created to add a dynamic and engaging visual experience to your website. The bubbles are stylized and animated randomly, providing a fun and modern touch to user navigation.\n\n## Features\n\n- **Stylized Bubbles:** Each menu point is represented by a stylized bubble with attractive visual effects.\n\n- **Continuous Animation:** Bubbles move randomly within a central area, providing a smooth and constant animation.\n\n- **Configurable Number of Bubbles:** The quantity of bubbles in the menu can be easily adjusted to fit your site's design.\n\n- **Responsive:** The menu is designed to work responsively across various screen sizes.\n\n## How to Use\n\n1. **Including JavaScript and CSS:**\n   - Add the JavaScript code to your file.\n   - Add the CSS code to style the bubbles.\n\n```html\n\u003c!-- Include this section in the head of your HTML --\u003e\n\u003clink rel=\"stylesheet\" href=\"path-to-your-file.css\"\u003e\n\n\u003c!-- Include this section at the end of the body of your HTML --\u003e\n\u003cscript src=\"path-to-your-file.js\"\u003e\u003c/script\u003e\n```\n\n2. **HTML:**\n   - Add a container for the menu in your HTML.\n\n```html\n\u003cdiv class=\"div-container\"\u003e\n    \u003c!-- The menu will be dynamically added here --\u003e\n\u003c/div\u003e\n```\n\n3. **Customization:**\n   - Adjust settings in JavaScript and CSS as needed to match your design preferences.\n\n## Benefits\n\n- **Visual Attraction:** Bubble animation adds a visual attraction element to your site, making the user experience more engaging.\n\n- **Easy Customization:** The number of bubbles and other aspects of the menu can be easily customized to fit your site's style.\n\n- **Smooth Integration:** The menu can be seamlessly integrated into any web project, providing a unique experience for visitors.\n\n## Basic Configuration Example\n\n```javascript\n// Basic configuration example in your JavaScript file\n$(document).ready(function () {\n    createBubbles();\n    animateBubbles();\n});\n```\n\n## Example Images\n\n![Menu 1](img/menu_1.png)\n![Menu 2](img/menu_2.png)\n![Menu 3](img/menu_3.png)\n\n\n## Contributions\n\nContributions are welcome! If you encounter issues or have suggestions for improvements, feel free to open an issue or submit a pull request.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\nDeveloped by Biasiolo.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiasiolo%2Fgooey-interactive-menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiasiolo%2Fgooey-interactive-menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiasiolo%2Fgooey-interactive-menu/lists"}