{"id":14483693,"url":"https://github.com/SimonHoiberg/direflow","last_synced_at":"2025-08-30T04:31:53.097Z","repository":{"id":35746044,"uuid":"218121928","full_name":"SimonHoiberg/direflow","owner":"SimonHoiberg","description":"🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.","archived":true,"fork":false,"pushed_at":"2023-07-29T12:31:04.000Z","size":6614,"stargazers_count":501,"open_issues_count":108,"forks_count":78,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-08-23T22:57:01.207Z","etag":null,"topics":["direflow","framework","react","web-components"],"latest_commit_sha":null,"homepage":"https://direflow.io","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/SimonHoiberg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2019-10-28T18:51:25.000Z","updated_at":"2025-07-18T14:03:35.000Z","dependencies_parsed_at":"2024-06-18T13:42:07.891Z","dependency_job_id":"58221f0d-b109-42e4-b04e-8e49dd796ff3","html_url":"https://github.com/SimonHoiberg/direflow","commit_stats":{"total_commits":243,"total_committers":21,"mean_commits":"11.571428571428571","dds":0.4732510288065843,"last_synced_commit":"990016cf1569f628f7771729ffbb3cac31f52014"},"previous_names":["simonhoiberg/direflow","silind-software/direflow","silind/direflow"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SimonHoiberg/direflow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonHoiberg%2Fdireflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonHoiberg%2Fdireflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonHoiberg%2Fdireflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonHoiberg%2Fdireflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimonHoiberg","download_url":"https://codeload.github.com/SimonHoiberg/direflow/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonHoiberg%2Fdireflow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272793063,"owners_count":24993839,"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","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["direflow","framework","react","web-components"],"created_at":"2024-09-03T00:01:59.953Z","updated_at":"2025-08-30T04:31:52.384Z","avatar_url":"https://github.com/SimonHoiberg.png","language":"TypeScript","readme":"\u003cspan align=\"center\"\u003e\n\n  [![](https://silind-s3.s3.eu-west-2.amazonaws.com/direflow/gh-banner.png)](https://direflow.io/)\n\n\u003c/span\u003e\n\n\u003cspan align=\"right\"\u003e\n\n  [![NPM Version](https://img.shields.io/npm/v/direflow-cli)](https://www.npmjs.com/package/direflow-cli)\n  [![Github License](https://img.shields.io/github/license/Silind-Software/direflow)](https://github.com/Silind-Software/direflow/blob/master/LICENSE)\n  ![Build Status](https://github.com/Silind-Software/direflow/workflows/build/badge.svg)\n  ![Code Coverage](https://img.shields.io/codecov/c/github/Silind-Software/direflow)\n\n\u003c/span\u003e\n\n# [direflow.io](https://direflow.io/)\n\n#### Set up a React App and build it as a Web Component\n\u003e This setup is based on [*react-scripts*](https://www.npmjs.com/package/react-scripts) from [*create-react-app*](https://create-react-app.dev/docs/getting-started)  \n\u003e A walkthrough of the principles used in this setup, can be read [in this article](https://itnext.io/react-and-web-components-3e0fca98a593)\n\n## Get started\n\nStart by downloading the cli:\n```console\nnpm i -g direflow-cli\n```\n\n### Create a new Direflow Component\n```console\ndireflow create\n```\n\nThis will bootstrap a new Direflow Component for you.\nNow use the following commands:\n```console\ncd \u003cproject-folder\u003e\nnpm install\nnpm start\n```\n\nYour Direflow Component will start running on `localhost:3000` and your browser opens a new window  \n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://silind-s3.s3.eu-west-2.amazonaws.com/direflow/direflow-component-new-base.png\" /\u003e\n\u003c/p\u003e\n\n#### See full documentation on [direflow.io](https://direflow.io)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSimonHoiberg%2Fdireflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSimonHoiberg%2Fdireflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSimonHoiberg%2Fdireflow/lists"}