{"id":26094219,"url":"https://github.com/saganaki22/lofilamp","last_synced_at":"2026-02-15T00:32:41.170Z","repository":{"id":281297505,"uuid":"944794963","full_name":"Saganaki22/LofiLamp","owner":"Saganaki22","description":"Interactive SVG lava lamp with dynamic blob animations, color customization, and integrated lofi music player. ","archived":false,"fork":false,"pushed_at":"2025-03-08T05:56:15.000Z","size":97,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T09:43:11.166Z","etag":null,"topics":["css-animation","interactive-art","javascript","lava-lamp","lofi-music","relaxation-tool","svg-animation","web-animation"],"latest_commit_sha":null,"homepage":"http://drbaph.is-a.dev/LofiLamp/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Saganaki22.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,"zenodo":null}},"created_at":"2025-03-08T01:26:35.000Z","updated_at":"2025-03-27T16:05:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"c2a29de8-24e4-480f-bd20-e5ab1dfdc00b","html_url":"https://github.com/Saganaki22/LofiLamp","commit_stats":null,"previous_names":["saganaki22/lofilamp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Saganaki22/LofiLamp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saganaki22%2FLofiLamp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saganaki22%2FLofiLamp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saganaki22%2FLofiLamp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saganaki22%2FLofiLamp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Saganaki22","download_url":"https://codeload.github.com/Saganaki22/LofiLamp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Saganaki22%2FLofiLamp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278532352,"owners_count":26002346,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-animation","interactive-art","javascript","lava-lamp","lofi-music","relaxation-tool","svg-animation","web-animation"],"created_at":"2025-03-09T12:50:41.645Z","updated_at":"2025-10-05T23:14:36.901Z","avatar_url":"https://github.com/Saganaki22.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lofi Lamp\n\nAn interactive Lofi lava lamp visualization with customizable colors, controls, and lofi music. Perfect for relaxation and focus during work or study sessions.\n\n![image](https://github.com/user-attachments/assets/e059d4a1-5440-4aa8-a937-62c30486d778)\n\n\n\n## Features\n\n- **Interactive Lofi Lamp**: A beautiful, animated lava lamp created entirely with SVG and CSS.\n- **Color Customization**: Change the color of the lava with preset options or use the custom color picker.\n- **Physics Controls**: Adjust viscosity, heat, tension, and glare to create your perfect lava lamp experience.\n- **Ambient Light**: Toggle ambient lighting effects for a more immersive experience.\n- **Starry Background**: Enable a starry background that automatically activates after 50 seconds for an enhanced atmosphere.\n- **Responsive Design**: Enjoy the lamp on any device but it is generally better on desktop.\n- **Fullscreen Mode**: Enter fullscreen for a distraction-free experience.\n- **Audio Player**: Built-in audio player for Lofi music to enhance your focus and relaxation.\n\n## How to Use\n\n1. **Open the Lofi Lamp**: Launch the `index.html` file in your browser.\n2. **Adjust the Controls**: Click the control panel tab on the left to access all customization options.\n3. **Change Colors**: Select from preset colors or use the custom color picker.\n4. **Adjust Physics**: Use the sliders to modify the behavior of the lava.\n5. **Toggle Features**: Turn ambient light on/off or enable the starry background.\n6. **Play Music**: Use the audio player at the bottom to play, pause, and control the volume of the lofi music.\n7. **Go Fullscreen**: Click the \"Enter Fullscreen\" button for an immersive experience.\n\n## Setup\n\n1. Clone this repository or download the files.\n2. Open `index.html` in your browser.\n\n\n\n## Technical Details\n\nThe Lofi Lamp is built using:\n- HTML5 for structure\n- CSS3 for styling and animations\n- SVG for the lava lamp graphics\n- JavaScript for interactivity\n- Web Audio API for audio visualization\n\nThe lava effect is created using SVG filters with a combination of Gaussian blur and color matrix transformations, providing a realistic fluid simulation without the need for heavy computational resources.\n\n## Browser Compatibility\n\nThe Lofi Lamp works best in modern browsers that support SVG filters and CSS animations:\n- Chrome (recommended)\n- Firefox\n- Safari\n- Edge\n\n## License\n\nThis project is licensed under the Apache 2.0 License - see the LICENSE file for details.\n\n## Acknowledgments\n\n- Inspired by classic lava lamps and the lofi study aesthetic\n- SVG filter techniques based on various open source projects\n- Icons from Google Material Design icons\n\n![zscsc](https://github.com/user-attachments/assets/498f5438-ebe8-4b3d-b141-2c47a52c408f)\n\n\n---\n\nCreated with ❤️ for all the lofi lovers and focus seekers out there. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaganaki22%2Flofilamp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaganaki22%2Flofilamp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaganaki22%2Flofilamp/lists"}