{"id":42457201,"url":"https://github.com/abh3shek/gradient_generator_vanillajs","last_synced_at":"2026-01-28T09:01:32.242Z","repository":{"id":298937441,"uuid":"1001605077","full_name":"Abh3shek/gradient_generator_vanillajs","owner":"Abh3shek","description":"This is a basic gradient generator built using pure HTML, CSS, JS","archived":false,"fork":false,"pushed_at":"2025-06-13T17:37:35.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-13T18:27:58.960Z","etag":null,"topics":["css","deployed","html","javascript","surge"],"latest_commit_sha":null,"homepage":"https://gradient-generator-abh3shek.surge.sh","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/Abh3shek.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-06-13T17:09:05.000Z","updated_at":"2025-06-13T17:39:06.000Z","dependencies_parsed_at":"2025-06-13T18:40:04.156Z","dependency_job_id":null,"html_url":"https://github.com/Abh3shek/gradient_generator_vanillajs","commit_stats":null,"previous_names":["abh3shek/gradient_generator_vanillajs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Abh3shek/gradient_generator_vanillajs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abh3shek%2Fgradient_generator_vanillajs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abh3shek%2Fgradient_generator_vanillajs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abh3shek%2Fgradient_generator_vanillajs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abh3shek%2Fgradient_generator_vanillajs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Abh3shek","download_url":"https://codeload.github.com/Abh3shek/gradient_generator_vanillajs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abh3shek%2Fgradient_generator_vanillajs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28843112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T07:39:25.367Z","status":"ssl_error","status_checked_at":"2026-01-28T07:39:24.487Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","deployed","html","javascript","surge"],"created_at":"2026-01-28T09:01:28.237Z","updated_at":"2026-01-28T09:01:32.230Z","avatar_url":"https://github.com/Abh3shek.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gradient Generator\n\nA minimal and responsive gradient background generator built using HTML, CSS, and JavaScript. The app allows users to generate random linear gradients, customize their own, and copy the resulting CSS code for use in other projects.\n\n## Live Demo\n\nhttps://gradient-generator-abh3shek.surge.sh\n\n## Tech Stack\n\n- HTML5\n- CSS3\n- JavaScript (Vanilla)\n\n## Features\n\n- Generate random linear gradients\n- Manually choose two colors\n- Copy generated CSS to clipboard\n- Live preview of gradient\n- Responsive design for all screen sizes\n\n## Project Structure\n\ngradient-generator/\n├── index.html\n├── styles/\n│ └── style.css\n├── scripts/\n│ └── script.js\n├── LICENSE\n└── README.md\n\n## How to Run Locally\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/your-username/gradient-generator.git\n   ```\n\n2. Navigate into the project folder:\n\n   ```bash\n   cd gradient_generator\n   ```\n\n3. Open index.html in your browser (live server)\n\n## Example Output\n\nbackground: linear-gradient(to right, #3498db, #8e44ad);\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Author\n\nBuilt by abh3shek\ngithub: https://github.com/Abh3shek\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabh3shek%2Fgradient_generator_vanillajs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabh3shek%2Fgradient_generator_vanillajs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabh3shek%2Fgradient_generator_vanillajs/lists"}