{"id":20640507,"url":"https://github.com/kovart/dashed-border-generator","last_synced_at":"2025-06-25T02:06:05.914Z","repository":{"id":51327908,"uuid":"172019990","full_name":"kovart/dashed-border-generator","owner":"kovart","description":"Custom Dashed Border | Online CSS Generator 🚀","archived":false,"fork":false,"pushed_at":"2022-02-10T07:06:35.000Z","size":100,"stargazers_count":371,"open_issues_count":7,"forks_count":27,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-15T23:02:22.777Z","etag":null,"topics":["border","css","dashed","dotted","generator","stroke","svg","tool"],"latest_commit_sha":null,"homepage":"https://kovart.github.io/dashed-border-generator/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kovart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-22T07:54:45.000Z","updated_at":"2025-04-10T09:32:16.000Z","dependencies_parsed_at":"2022-08-12T23:10:24.018Z","dependency_job_id":null,"html_url":"https://github.com/kovart/dashed-border-generator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kovart/dashed-border-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kovart%2Fdashed-border-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kovart%2Fdashed-border-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kovart%2Fdashed-border-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kovart%2Fdashed-border-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kovart","download_url":"https://codeload.github.com/kovart/dashed-border-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kovart%2Fdashed-border-generator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261789227,"owners_count":23209774,"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","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":["border","css","dashed","dotted","generator","stroke","svg","tool"],"created_at":"2024-11-16T15:29:43.604Z","updated_at":"2025-06-25T02:06:05.884Z","avatar_url":"https://github.com/kovart.png","language":"HTML","readme":"# Dashed Border Generator\nA simple online tool for creating custom dashed or dotted borders. Using CSS hack, this tool can simply increase space between dots, change dash length or distance between strokes.\n\n## How does it work? 🚀\nNative CSS properties **don't support** the customization of `border-style`. \nTherefore, we use a trick with an ***SVG image inside*** `background-image` property. \nThe SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap. \n\nGenerated SVG image is vector and it fills width and height of elements by 100%, so it doesn't matter what size elements have.\n\n## [View in Action](http://kovart.github.io/dashed-border-generator/)\n![intro](./intro.png)\n\n## Dependencies\n* [VueJS](https://github.com/vuejs/vue)\n* [Bootstrap 4](https://github.com/twbs/bootstrap)\n* [vue-color](https://github.com/xiaokaike/vue-color)\n* [mini-svg-data-uri](https://github.com/tigt/mini-svg-data-uri)\n\n## License\n[The MIT License](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2019-present, Artem Kovalchuk\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkovart%2Fdashed-border-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkovart%2Fdashed-border-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkovart%2Fdashed-border-generator/lists"}