{"id":24373436,"url":"https://github.com/muhammad-noraeii/css-button-generator","last_synced_at":"2025-10-25T03:36:45.462Z","repository":{"id":272980894,"uuid":"918367493","full_name":"Muhammad-Noraeii/CSS-Button-Generator","owner":"Muhammad-Noraeii","description":"CSS Button Generator is a user-friendly tool for creating customizable CSS buttons, allowing users to adjust appearance and hover effects, and generate CSS code easily.","archived":false,"fork":false,"pushed_at":"2025-02-01T15:20:15.000Z","size":30,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T11:16:23.288Z","etag":null,"topics":["button","button-generator","css","css-generator","css3","generator","html","html5","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Muhammad-Noraeii.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":"2025-01-17T19:33:13.000Z","updated_at":"2025-02-01T15:20:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"a392b1e5-d764-4fc4-a581-57d53f9777c4","html_url":"https://github.com/Muhammad-Noraeii/CSS-Button-Generator","commit_stats":null,"previous_names":["muhammad-noraeii/css-button-generator"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Muhammad-Noraeii/CSS-Button-Generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Muhammad-Noraeii%2FCSS-Button-Generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Muhammad-Noraeii%2FCSS-Button-Generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Muhammad-Noraeii%2FCSS-Button-Generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Muhammad-Noraeii%2FCSS-Button-Generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Muhammad-Noraeii","download_url":"https://codeload.github.com/Muhammad-Noraeii/CSS-Button-Generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Muhammad-Noraeii%2FCSS-Button-Generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280901468,"owners_count":26410586,"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-25T02:00:06.499Z","response_time":81,"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":["button","button-generator","css","css-generator","css3","generator","html","html5","javascript"],"created_at":"2025-01-19T05:11:18.661Z","updated_at":"2025-10-25T03:36:45.429Z","avatar_url":"https://github.com/Muhammad-Noraeii.png","language":"JavaScript","readme":"\n---\n\n# CSS Button Generator\n\nCSS Button Generator is a simple and user-friendly tool that helps developers and designers create beautiful and customizable CSS buttons with ease. This tool allows users to adjust button appearance, hover effects, and generate ready-to-use CSS code.\n\n## Features\n\n### 🎨 **Appearance Customization**\n- **Background Options**:\n  - Solid colors or gradient backgrounds.\n- **Border Settings**:\n  - Adjustable border radius and width.\n- **Font Customization**:\n  - Change text color, font family, and font size.\n\n### 🖱️ **Hover Effects**\n- Add hover animations like:\n  - Scaling.\n  - Opacity changes.\n  - Shadow effects.\n  - Background transitions.\n\n### 🛠️ **Live Preview**\n- Instantly preview your customized button design in real-time.\n\n### 📜 **CSS Code Generator**\n- Automatically generates the CSS code for your customized button.\n- Copy and paste the code directly into your project.\n\n## How to Use\n\n1. **Clone or Download** the repository:\n   ```bash\n   git clone https://github.com/Muhammad-Noraeii/CSS-Button-Generator.git\n   ```\n2. Open the `index.html` file in your browser.\n3. Customize the button using the tool:\n   - Adjust appearance settings (background, font, border).\n   - Apply hover effects as needed.\n4. Copy the generated CSS code from the code section.\n\n## Preview\n\nHere's how the tool looks:\n\n![Preview of CSS Button Generator](https://mojoeo.com/uploads/app-pics/CSS-Generator/Preview1.PNG)  \n*Note: This is first version of CSS Button Generator*\n\n## Technologies Used\n\n- **HTML5**\n- **CSS3**\n- **JavaScript**\n\n## Contributing\n\nContributions are welcome! If you have ideas to improve this project, feel free to fork the repository and submit a pull request.\n\n### Steps to Contribute\n1. Fork the repository.\n2. Create a new branch:\n   ```bash\n   git checkout -b feature-name\n   ```\n3. Commit your changes:\n   ```bash\n   git commit -m \"Add your feature or fix description\"\n   ```\n4. Push to your branch:\n   ```bash\n   git push origin feature-name\n   ```\n5. Open a pull request.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammad-noraeii%2Fcss-button-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammad-noraeii%2Fcss-button-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammad-noraeii%2Fcss-button-generator/lists"}