{"id":49453553,"url":"https://github.com/ReactPrimer/ReactPrimer","last_synced_at":"2026-05-16T16:01:40.730Z","repository":{"id":201288027,"uuid":"109029230","full_name":"ReactPrimer/ReactPrimer","owner":"ReactPrimer","description":"React component prototyping tool that generates fully connected class component code.","archived":false,"fork":false,"pushed_at":"2018-02-23T20:41:12.000Z","size":16858,"stargazers_count":741,"open_issues_count":7,"forks_count":45,"subscribers_count":21,"default_branch":"master","last_synced_at":"2023-10-26T05:17:07.636Z","etag":null,"topics":["boilerplate","component","component-hierarchy","create-react-app","developer-tools","front-end-development","generator","javascript","react","react-boilerplate","react-component","react-devtools","react-generators","react-starter-kit","reactjs","skeleton","visualization"],"latest_commit_sha":null,"homepage":"http://react-primer.com/","language":"JavaScript","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/ReactPrimer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-10-31T17:20:09.000Z","updated_at":"2023-10-12T05:44:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"658fe0b3-f6be-4df1-8f6f-ee7aa4db1744","html_url":"https://github.com/ReactPrimer/ReactPrimer","commit_stats":null,"previous_names":["reactprimer/reactprimer"],"tags_count":3,"template":null,"template_full_name":null,"purl":"pkg:github/ReactPrimer/ReactPrimer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactPrimer%2FReactPrimer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactPrimer%2FReactPrimer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactPrimer%2FReactPrimer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactPrimer%2FReactPrimer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ReactPrimer","download_url":"https://codeload.github.com/ReactPrimer/ReactPrimer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactPrimer%2FReactPrimer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33109461,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"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":["boilerplate","component","component-hierarchy","create-react-app","developer-tools","front-end-development","generator","javascript","react","react-boilerplate","react-component","react-devtools","react-generators","react-starter-kit","reactjs","skeleton","visualization"],"created_at":"2026-04-30T04:01:03.699Z","updated_at":"2026-05-16T16:01:40.725Z","avatar_url":"https://github.com/ReactPrimer.png","language":"JavaScript","funding_links":[],"categories":["📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"readme":"\n# ReactPrimer \u0026middot; \u003cimg src=\"https://travis-ci.org/ReactPrimer/ReactPrimer.svg?branch=master\"\u003e   [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/ReactPrimer/ReactPrimer/blob/master/LICENSE.md) [![GitHub release](https://img.shields.io/github/release/qubyte/rubidium.svg)](https://github.com/ReactPrimer/ReactPrimer/releases/tag/1.0.0)\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"/assets/icons/png/128x128.png\"\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eReact Primer is a component prototyping tool that generates fully connected class component code.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"/assets/demo/demo_15mb.gif\"/\u003e\n\u003c/p\u003e\n\n## Setup\n\n###### MacOS\n\n1. [Download](https://github.com/ReactPrimer/ReactPrimer/releases/download/1.0.0/ReactPrimer.dmg) the latest release .dmg file.\n2. Open the installer.\n3. Move React Primer to your local application folder.\n\n###### Windows\n1. [Download](https://github.com/ReactPrimer/ReactPrimer/releases/download/1.0.0/ReactPrimer-win32-x64.zip) the latest .zip file.  \n2. Unpackage the .zip file.\n3. Shortcut .exe file to destktop.\n3. Follow installation process.\n\n###### Linux\n1. [Download](https://github.com/ReactPrimer/ReactPrimer/releases/download/1.0.0/React-Primer_1.0.0_amd64.deb) the latest .deb file.  \n2. Unpackage the .deb file. \n3. Type in React-Primer from the terminal.\n\n## Usage\n\n* Name individual components, assign parent-child relationships, and add components to the project tree.\n\n* Drag and drop individual components to restructure the hierarchy tree view.\n\n* Export project to generate a folder of fully connected component classes.\n\n* Save generated components locally to a new or existing project.\n\n* Use Save/Load feature to revisit a prototype.\n\n## Forking Your Own Version\n**If you'd like to build your own version of React Primer:**\n\n1. Clone the repo and `npm install` dependancies.\n\n2. Open one terminal and `npm run dev` to generate the webpack build.\n\n3. Open another terminal and `npm start` to start Electron.\n\n4. Uncomment line 23 `require('electron-reload')(__dirname);` for hot reloading (Optional).\n\n3. Enable Devloper Tools (Optional).\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; *Chrome Developer Tool*\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; a. Uncomment line 45 `mainWindow.webContents.openDevTools()`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; *React Developer Tool*\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; a. Uncomment line 78 `const configValues = require('./config');`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; b. Uncomment line 79 `BrowserWindow.addDevToolsExtension(configValues.absolutePath);`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; c. Create `./config` in root directory:\n\n```\n{\n  \"absolutePath\": \"/Users/*User*/Library/Application Support/Google/Chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/2.5.2_0\"\n}\n```\n\n## Why\n\nReact Primer provides a visual representation of your project during the preliminary stages of development, before you write a single line of code.\n\nThis simple to use application saves time by generating component files that automatically require and render their child components based on the prototyped hierarchy.\n\nReact Primer’s component tree GUI makes it easy to test, edit, and re-export your component tree as many times as needed.\n\n\n## Contributing\n\n\nPlease submit issues/pull requests if you have feedback or message the React Primer team to be added as a contributor: hello@react-primer.com\n\n\n## Authors\n\nKen Lee (https://github.com/kenhughlee)\n\nKat Sampias (https://github.com/ksampias)\n\nVince Vuong (https://github.com/vincevuong)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FReactPrimer%2FReactPrimer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FReactPrimer%2FReactPrimer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FReactPrimer%2FReactPrimer/lists"}