{"id":16823132,"url":"https://github.com/wzhudev/wz-wireframe-kit","last_synced_at":"2026-02-12T00:06:45.813Z","repository":{"id":122189051,"uuid":"47187554","full_name":"wzhudev/wz-wireframe-kit","owner":"wzhudev","description":":straight_ruler: A kit to draw wireframes and note interaction details.","archived":false,"fork":false,"pushed_at":"2017-06-23T00:58:58.000Z","size":5533,"stargazers_count":55,"open_issues_count":0,"forks_count":6,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-10-13T10:58:03.633Z","etag":null,"topics":["sketch","template","wireframes"],"latest_commit_sha":null,"homepage":"http://www.sketchappsources.com/free-source/1687-wz-wireframe-kit-sketch-freebie-resource.html","language":null,"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/wzhudev.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,"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":"2015-12-01T12:20:37.000Z","updated_at":"2025-06-16T13:58:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"be1ec3a8-cb05-4c75-a4f4-22c516d86423","html_url":"https://github.com/wzhudev/wz-wireframe-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wzhudev/wz-wireframe-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wzhudev%2Fwz-wireframe-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wzhudev%2Fwz-wireframe-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wzhudev%2Fwz-wireframe-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wzhudev%2Fwz-wireframe-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wzhudev","download_url":"https://codeload.github.com/wzhudev/wz-wireframe-kit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wzhudev%2Fwz-wireframe-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29350165,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T20:11:40.865Z","status":"ssl_error","status_checked_at":"2026-02-11T20:10:41.637Z","response_time":97,"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":["sketch","template","wireframes"],"created_at":"2024-10-13T11:07:05.897Z","updated_at":"2026-02-12T00:06:45.802Z","avatar_url":"https://github.com/wzhudev.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# wz_wireframe_kit.sketch\n\nA kit to draw wireframes and note interaction details.\n\n![](image/preview.png)\n\n![](image/preview-1.png)\n\n\n## What's this?\n\n`wz_wireframe_kit.sketch` contains lots of elements you can use in your wireframes files.\n\nI have seen and used lots of wireframe kits. Though they are all beautiful enough, they are not friendly to others. They have no explanations telling how the app works. So I designed `wz_wireframe_kit.sketch` and hope it could be friendly to designers, product managers and engineers, making wireframe a useful tool for communication.\n\n![](image/preview-3.png)\n\nIt has:\n\n**iPhone 6 Mockup**. Four kinds of iPhone 6 mockups. Important, Blank, With Navigation, With Tab Bar. To bring convenience to your work.\n\n**Placeholders**. Image Placeholders, Avatar Placeholders - Circle and Rounded Rectangle.\n\n**Buttons**. Primary Buttons, Tiny Button, Circle Buttons.\n\n**Links**. Arrow, Link, Click and Link, Action, Link With Action, etc.\n\n**Tag**. Minimum and Maximum, Different Status, Interaction Explanations, If and Then, etc.\n\n## How to use?\n\nDownload `wz_wireframe_kit_1.1.sketch`, open it. Then copy, paste and edit! That's easy!\n\nUse `iPhone Mockups` and `Interface Elements` to sketch interfaces . Use `Links` to demonstrate relations among the screens. And use `Tags` to write interaction guidelines for engineers.\n\nHere is an example for your reference, a news feed app wireframe. It's not finished but enough to show how to use the wireframe kit.\n\n![](image/preview-2.png)\n\n## Update Records\n\n### Version 1.1 February 19th, 2016\n\nI used `wz_wireframekit.sketch` in my app *Today* and found something inconvenient. So I update it. It's now a little more beautiful-looking. :)\n\n### Version 1.0 December 10th, 2016\n\n\n## Appreciantion\n\nThe work is inspired by [Wireframe Kit for iPhone 6 Sketch Resource](http://www.sketchappsources.com/free-source/1091-wireframe-kit-iphone-6-sketch-freebie-resource.html). Many thanks to the designer [Barbara Giardelli](http://www.sketchappsources.com/contributor/bgiardelli).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwzhudev%2Fwz-wireframe-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwzhudev%2Fwz-wireframe-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwzhudev%2Fwz-wireframe-kit/lists"}