{"id":13559148,"url":"https://github.com/mydraft-cc/ui","last_synced_at":"2025-05-15T06:02:24.709Z","repository":{"id":40683398,"uuid":"121953928","full_name":"mydraft-cc/ui","owner":"mydraft-cc","description":"Open source wireframing tool written in typescript, react and redux.","archived":false,"fork":false,"pushed_at":"2025-05-11T02:10:07.000Z","size":37279,"stargazers_count":747,"open_issues_count":27,"forks_count":120,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-05-15T06:02:13.953Z","etag":null,"topics":["canvas","paperjs","react","redux","scss","typescript","webpack","wireframing"],"latest_commit_sha":null,"homepage":"https://mydraft.cc","language":"TypeScript","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/mydraft-cc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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}},"created_at":"2018-02-18T13:22:39.000Z","updated_at":"2025-05-14T15:41:48.000Z","dependencies_parsed_at":"2023-10-21T08:24:23.978Z","dependency_job_id":"92d5c245-2f94-4407-8075-4fe852b44973","html_url":"https://github.com/mydraft-cc/ui","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mydraft-cc%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mydraft-cc%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mydraft-cc%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mydraft-cc%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mydraft-cc","download_url":"https://codeload.github.com/mydraft-cc/ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254283336,"owners_count":22045140,"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":["canvas","paperjs","react","redux","scss","typescript","webpack","wireframing"],"created_at":"2024-08-01T12:05:22.658Z","updated_at":"2025-05-15T06:02:24.691Z","avatar_url":"https://github.com/mydraft-cc.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","webpack"],"sub_categories":[],"readme":"# mydraft.cc: Open Source Wireframing Tools\n\n[![codecov](https://codecov.io/gh/mydraft-cc/ui/graph/badge.svg?token=4wHUoUfuQn)](https://codecov.io/gh/mydraft-cc/ui)\n\nTest it out at: https://mydraft.cc/\n\nThe goal of this project is to create an open source wireframing tool. As a developer I have to create wireframes from time to time and there are great commercial tool in the market. But most of them cost more than a full Office suite per month. I think there is a need for a good and free solutions.\n\n![Version 01](/screenshots/Mydraft.gif?raw=true \"V1\")\n\n## What is the tech stack?\n\n* Ant design (https://ant.design/)\n* React\n* React Hooks\n* Redux\n* Typescript\n* Webpack\n\n## How to run the application?\n\nJust install node.js and run the following commands in your terminal:\n\n    npm i\n    npm start\n\nGo to `https://localhost:3002`\n\n## How to build the application?\n\n    npm i\n    npm run build\n\nCopy the files from the `build` folder to your webserver.\n\n## What are the milestones?\n\n* **0.7**: [DONE] First working editor.\n* **0.9**: [DONE] Simple server to save diagrams with random id.\n* **1.0**: [DONE] Finalize the version and make small improvements and bugfixes.\n* **1.0.1**: [DONE] Manage pages within a project with background pages.\n* **1.0.2**: [DONE] Presentation mode.\n* **1.0.3**: [DONE] Link UI elements to external sources or other pages.\n\n## How can I contribute?\n\nThe issues that are easy to start with are marked. Write a comment to the issue if you want to know more.\n\nRead the [Readme about shapes](src/wireframes/shapes/README.md) to understand how to create new shapes.\n\n## Why another open source tool? There is pencil\n\nThere is a great open source tool: http://pencil.evolus.vn/\n\nWe see some issue with this project:\n\n1. It uses outdated technology and therefore it is hard to contribute.\n2. It is mainly maintained by a small company and few people.\n3. It is missing advanced features.\n4. The UI design is really oldschool ;)\n\n## Contributors\n\n* Sebastian Stehle (https://github.com/SebastianStehle, https://sstehle.com, https://squidex.io)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmydraft-cc%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmydraft-cc%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmydraft-cc%2Fui/lists"}