{"id":22217077,"url":"https://github.com/johndev19/open-source-web-components","last_synced_at":"2026-03-19T22:07:58.851Z","repository":{"id":248317811,"uuid":"828365876","full_name":"JohnDev19/Open-Source-Web-Components","owner":"JohnDev19","description":"Open Source Web Components is a community-driven project aimed at providing a library of reusable, customizable web components - contributions through pull requests.","archived":false,"fork":false,"pushed_at":"2024-09-05T11:14:38.000Z","size":2690,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-11T06:11:07.303Z","etag":null,"topics":["contribute","contribution","first-commit","first-contributions","pull-request","web-development"],"latest_commit_sha":null,"homepage":"https://oswebcomponents.vercel.app/","language":"HTML","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/JohnDev19.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-07-13T23:19:28.000Z","updated_at":"2025-05-29T10:51:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"058a864b-d2fe-447a-a8fc-987e71776623","html_url":"https://github.com/JohnDev19/Open-Source-Web-Components","commit_stats":null,"previous_names":["johndev19/open-source-web-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JohnDev19/Open-Source-Web-Components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnDev19%2FOpen-Source-Web-Components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnDev19%2FOpen-Source-Web-Components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnDev19%2FOpen-Source-Web-Components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnDev19%2FOpen-Source-Web-Components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JohnDev19","download_url":"https://codeload.github.com/JohnDev19/Open-Source-Web-Components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnDev19%2FOpen-Source-Web-Components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29123646,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T14:05:12.718Z","status":"ssl_error","status_checked_at":"2026-02-05T14:03:53.078Z","response_time":65,"last_error":"SSL_read: 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":["contribute","contribution","first-commit","first-contributions","pull-request","web-development"],"created_at":"2024-12-02T22:14:59.355Z","updated_at":"2026-02-05T14:10:00.200Z","avatar_url":"https://github.com/JohnDev19.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Translation\n\n[\u003cimg src=\"https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/us.svg\" height=\"15\"\u003e](https://github.com/JohnDev19/Open-Source-Web-Components/blob/main/README.md) [\u003cimg src=\"https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/ph.svg\" height=\"15\"\u003e](https://github.com/JohnDev19/Open-Source-Web-Components/blob/main/translations/Filipino.md)\n\n-------------\n\n# Open Source Web Components\n\nA collection of simple web components (e.g., buttons, forms, carousels) that beginners can improve or create new components for.\n\n\u003cimg src=\"img/IMG_20240715_071002.jpg\"\u003e\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Getting Started](#getting-started)\n- [Contributing](#contributing)\n- [Code of Conduct](#code-of-conduct)\n- [License](#license)\n\n## Introduction\n\nOpen Source Web Components is a community-driven project aimed at providing a library of reusable, customizable web components - contributions through pull requests. Our goal is to create a learning environment for beginners while also building a resource for developers of all skill levels.\n\n## Getting Started\n\n### Prerequisites\n\n- Basic knowledge of HTML, CSS, and JavaScript\n- A modern web browser that supports Web Components (most up-to-date browsers do)\n\n### Installation\n\n1. Clone the repository:\n   ```sh\n   git clone https://github.com/JohnDev19/open-source-web-components.git\n   ```\n\n2. Navigate to the project directory:\n   ```sh\n   cd open-source-web-components\n   ```\n\n3. Open the `index.html` file in your browser to see the component showcase.\n\n### Adding New Web Components\n\nTo add new web components to the project, follow these steps:\n\n1. Copy the `template.html` file from the root directory:\n   ```sh\n   cp template.html components/your-component-name.html\n   ```\n\n2. Rename `your-component-name.html` to a unique name that describes your component.\n\n3. Add your HTML, CSS, and JavaScript for the new component within this file. Ensure your CSS and JavaScript are directly included in the template file for ease of use.\n\n4. If your component uses images, add them to the appropriate directory within `assets` (e.g., `assets/buttons/buttons-img` for button images) and reference them appropriately in your HTML.\n\n## Contributing\n\nWe welcome contributions from developers of all skill levels! Here's how you can contribute:\n\n1. Fork the repository\n2. Create a new branch (`git checkout -b feature/new-component`)\n3. Make your changes\n4. Commit your changes (`git commit -am 'Add a new component'`)\n5. Push to the branch (`git push origin feature/new-component`)\n6. Create a new Pull Request\n\nFor more detailed instructions, please see our [CONTRIBUTING.md](CONTRIBUTING.md) file.\n\n### Ideas for Contributions\n\n- Improve existing components\n- Add new features to components\n- Create new components\n- Improve documentation\n- Fix bugs\n- Add tests\n\n## Code of Conduct\n\nWe are committed to providing a welcoming and inclusive experience for everyone. Please read our [Code of Conduct](CODE_OF_CONDUCT.md) before participating in our community.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohndev19%2Fopen-source-web-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohndev19%2Fopen-source-web-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohndev19%2Fopen-source-web-components/lists"}