{"id":49898078,"url":"https://github.com/parisikosto/modal-window-ui-component","last_synced_at":"2026-05-16T01:36:14.531Z","repository":{"id":358094419,"uuid":"1239998371","full_name":"parisikosto/modal-window-ui-component","owner":"parisikosto","description":"A modal window UI component crafted with vanilla JavaScript","archived":false,"fork":false,"pushed_at":"2026-05-15T18:35:28.000Z","size":15,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-15T19:51:50.541Z","etag":null,"topics":["css","html","javascript","mini-project","modal","modal-window","responsive","ui-component"],"latest_commit_sha":null,"homepage":"https://github.parisikosto.com/modal-window-ui-component/","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/parisikosto.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-15T16:58:19.000Z","updated_at":"2026-05-15T19:37:01.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/parisikosto/modal-window-ui-component","commit_stats":null,"previous_names":["parisikosto/modal-window-ui-component"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/parisikosto/modal-window-ui-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parisikosto%2Fmodal-window-ui-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parisikosto%2Fmodal-window-ui-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parisikosto%2Fmodal-window-ui-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parisikosto%2Fmodal-window-ui-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parisikosto","download_url":"https://codeload.github.com/parisikosto/modal-window-ui-component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parisikosto%2Fmodal-window-ui-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33087028,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"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","html","javascript","mini-project","modal","modal-window","responsive","ui-component"],"created_at":"2026-05-16T01:36:10.100Z","updated_at":"2026-05-16T01:36:14.515Z","avatar_url":"https://github.com/parisikosto.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modal Window UI Component\n\n\u003e A modal window UI component crafted with vanilla JavaScript\n\n[![GitHub Pages](https://img.shields.io/badge/Live_Demo-GitHub_Pages-blue?logo=github)](https://parisikosto.github.io/modal-window-ui-component)\n[![Docker Hub](https://img.shields.io/docker/v/parisikosto/modal-window-ui-component?label=Docker%20Hub\u0026logo=docker)](https://hub.docker.com/r/parisikosto/modal-window-ui-component)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n- **Live Demo:** [modal-window-ui-component](https://github.parisikosto.com/modal-window-ui-component) — also available at [parisikosto.github.io](https://parisikosto.github.io/modal-window-ui-component)\n\n![modal-window-ui-component-ss-1](https://github.com/user-attachments/assets/f26a324f-2f9f-470b-a510-57e177eda31f)\n\n![modal-window-ui-component-ss-2](https://github.com/user-attachments/assets/498c4592-8633-43ac-951a-5a29e9066e6b)\n\nA customizable and reusable modal window UI component built with HTML, CSS, and JavaScript. This component can be easily integrated into any project and customized to fit your specific design needs.\n\n## Contents\n\n- [Features](#features)\n- [Getting Started](#getting-started)\n- [Technologies Used](#technologies-used)\n- [Credits](#credits)\n- [License](#license)\n- [Support](#support)\n\n## Features\n\n- Keyboard accessible — close with `Esc`, focus is managed on open/close\n- Screen reader friendly — `role=\"dialog\"`, `aria-modal`, `aria-labelledby`\n- Click outside the modal to dismiss\n- CSS backdrop blur overlay\n- Zero dependencies — pure HTML, CSS, and JavaScript\n\n## Getting Started\n\n1. Clone or download the repository.\n2. Open the `index.html` file in your preferred browser.\n3. Integrate the component into your project by including the CSS and JavaScript files.\n4. Customize the appearance and behavior of the modal window to suit your design preferences.\n\n### Docker\n\n```bash\ndocker run -p 8080:80 parisikosto/modal-window-ui-component\n```\n\nThen open `http://localhost:8080`.\n\n## Technologies Used\n\n- HTML\n- CSS\n- JavaScript\n\n## Credits\n\nDesigned and developed by [parisikosto](https://github.com/parisikosto).\n\n## License\n\nThis component is licensed under the [MIT License](LICENSE).\n\n## Support\n\nFor assistance or inquiries, feel free to open an issue or reach out via GitHub.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparisikosto%2Fmodal-window-ui-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparisikosto%2Fmodal-window-ui-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparisikosto%2Fmodal-window-ui-component/lists"}