{"id":13455746,"url":"https://github.com/BuilderIO/vscode","last_synced_at":"2025-03-24T08:34:39.384Z","repository":{"id":47701465,"uuid":"341320553","full_name":"BuilderIO/vscode","owner":"BuilderIO","description":"Builder.io for VSCode - turn designs into code!","archived":false,"fork":false,"pushed_at":"2022-03-10T20:52:27.000Z","size":27026,"stargazers_count":180,"open_issues_count":3,"forks_count":24,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-22T09:33:02.084Z","etag":null,"topics":["angular","design-to-code","figma","no-code","nocode","react","svelte","vue"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=builder.Builder","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/BuilderIO.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}},"created_at":"2021-02-22T19:57:34.000Z","updated_at":"2025-02-10T17:26:02.000Z","dependencies_parsed_at":"2022-08-25T00:21:43.095Z","dependency_job_id":null,"html_url":"https://github.com/BuilderIO/vscode","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BuilderIO%2Fvscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BuilderIO%2Fvscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BuilderIO%2Fvscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BuilderIO%2Fvscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BuilderIO","download_url":"https://codeload.github.com/BuilderIO/vscode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245236251,"owners_count":20582391,"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":["angular","design-to-code","figma","no-code","nocode","react","svelte","vue"],"created_at":"2024-07-31T08:01:10.458Z","updated_at":"2025-03-24T08:34:39.097Z","avatar_url":"https://github.com/BuilderIO.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg height=\"150 alt=\"Builder + VS Code logos\" src=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2cf38c7c33264b5599ef608d2b721421\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e Builder.io for VSCode \u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003eVisual coding in your IDE!\u003c/h4\u003e\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Visual coding demo\" src=\"https://i.imgur.com/UlWMkRx.gif\" /\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n## What can yo do?\n\n1. Import designs from Builder.io and Figma and convert them to code of your framework of choice (React, Vue, Svelte, Solid, Angular, and more)\n2. Visually create and edit Mitosis code\n\nPowered by [Builder.io](https://github.com/builderio/builder) and [Mitosis](https://github.com/builderio/mitosis)\n\n\u003cimg src=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb047e4f59048449a980697c9a12eaf3f\" alt=\"Screenshot of Builder.io in VSCode\" /\u003e\n\u003cimg src=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F1d59909e2a214c79ad2b1e8ad3fb8245\" alt=\"Screenshot of grabbing code from Builder.io in VSCode\" /\u003e\n\n## How to use\n\nInstall the extension [here](https://marketplace.visualstudio.com/items?itemName=builder.Builder)\n\nOpen your command palette, search \"Builder.io\", and hit enter to launch the Builder.io fiddle to create and import designs and grab clean generated code via [Mitosis](https://github.com/builderio/mitosis)\n\n\u003cimg alt=\"Screenshot of entering Builder.io from comand palette\" src=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9f950bd9d3c74570b1c84edf39a5f976\" /\u003e\n\n## Features\n\n- Convert Figma and Builder designs to React, Vue, Angular, HTML, etc code via [Mitosis](https://github.com/builderio/mitosis).\n\n## Roadmap\n\n- Read and write local Mitosis code with Builder.io's visual editor\n- Generate Builder.io integration code locally\n\n## Developing locally\n\n- Open this example in VS Code 1.47+\n- `npm install`\n- `npm run watch` or `npm run compile`\n- `F5` to start debugging\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBuilderIO%2Fvscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FBuilderIO%2Fvscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBuilderIO%2Fvscode/lists"}