{"id":25076107,"url":"https://github.com/uiwjs/react-run-web","last_synced_at":"2025-04-15T01:36:52.342Z","repository":{"id":40435447,"uuid":"379297300","full_name":"uiwjs/react-run-web","owner":"uiwjs","description":"Online Code Editor for Rapid Web Development.","archived":false,"fork":false,"pushed_at":"2024-12-05T22:42:31.000Z","size":12012,"stargazers_count":23,"open_issues_count":6,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-28T13:37:29.154Z","etag":null,"topics":["html","html-editor","react","react-components","reactjs","reactjs-components","runtime","tools","web-tools"],"latest_commit_sha":null,"homepage":"https://uiwjs.github.io/react-run-web/","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/uiwjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"custom":"https://wangchujiang.com/#/sponsor"}},"created_at":"2021-06-22T14:24:30.000Z","updated_at":"2025-03-05T07:54:39.000Z","dependencies_parsed_at":"2023-11-29T07:31:08.063Z","dependency_job_id":"dfe6c4bf-7f15-4551-8090-3d6ceed99e69","html_url":"https://github.com/uiwjs/react-run-web","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Freact-run-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Freact-run-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Freact-run-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Freact-run-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uiwjs","download_url":"https://codeload.github.com/uiwjs/react-run-web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248990159,"owners_count":21194706,"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":["html","html-editor","react","react-components","reactjs","reactjs-components","runtime","tools","web-tools"],"created_at":"2025-02-07T01:24:59.522Z","updated_at":"2025-04-15T01:36:52.323Z","avatar_url":"https://github.com/uiwjs.png","language":"TypeScript","readme":"Run Web\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Build \u0026 Deploy](https://github.com/uiwjs/react-run-web/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-run-web/actions/workflows/ci.yml)\n[![Coverage Status](https://uiwjs.github.io/react-run-web/badges.svg)](https://uiwjs.github.io/react-run-web/coverage/lcov-report)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-run-web/file/README.md)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-run-web)](https://www.npmjs.com/package/@uiw/react-run-web)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-run-web.svg)](https://www.npmjs.com/package/@uiw/react-run-web)\n[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/uiwjs/react-run-web)\n\nOnline Code Editor for Rapid Web Development, [Preview Demo](https://uiwjs.github.io/react-run-web#/?html=\u003cdiv\u003eHello%20World\u003c/div\u003e\u0026js=console.log('hello%20world')\u0026css=div%20{%20color:%20red;}).\n\n## Install\n\n```bash\nnpm install @uiw/react-run-web\n```\n\n## Usage\n\n```jsx\nimport RunWeb from '@uiw/react-run-web';\n\n\u003cRunWeb\n  css=\"div {color:red;}\"\n  js=\"console.log('hello world!')\"\n  html=\"\u003cdiv\u003ehello world!\u003c/div\u003e\"\n/\u003e\n```\n\n## Props\n\n```ts\ninterface RunWebProps extends React.IframeHTMLAttributes\u003cHTMLIFrameElement\u003e {\n  css?: string;\n  js?: string;\n  html?: string;\n  title?: string;\n  head?: React.ReactNode;\n}\n```\n\n## Online Code Preview\n\n[Preview Demo Example](https://uiwjs.github.io/react-run-web#/?html=\u003cdiv\u003eHello%20World\u003c/div\u003e\u0026js=console.log('hello%20world')\u0026css=div%20{%20color:%20red;}).\n\n```url\nhttps://uiwjs.github.io/react-run-web#/?html=...\u0026js=...\u0026css=...\n```\n\n## Development\n\nRuns the project in development mode.  \n\n```bash\n# Step 1, run first, listen to the component compile and output the .js file\n# listen for compilation output type .d.ts file\nnpm run watch\n# Step 2, development mode, listen to compile preview website instance\nnpm run start\n```\n\n**`production`**\n\nBuilds the app for production to the build folder.\n\n```bash\nnpm run build\n```\n\nThe build is minified and the filenames include the hashes.\nYour app is ready to be deployed!\n\n## Contributors\n\nAs always, thanks to our amazing contributors!\n\n\u003ca href=\"https://github.com/uiwjs/react-run-web/graphs/contributors\"\u003e\n  \u003cimg src=\"https://uiwjs.github.io/react-run-web/CONTRIBUTORS.svg\" /\u003e\n\u003c/a\u003e\n\nMade with [contributors](https://github.com/jaywcjlove/github-action-contributors).\n\n## License\n\nLicensed under the MIT License.\n","funding_links":["https://wangchujiang.com/#/sponsor"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwjs%2Freact-run-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuiwjs%2Freact-run-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwjs%2Freact-run-web/lists"}