{"id":15187708,"url":"https://github.com/virena-app/virena","last_synced_at":"2025-10-02T03:30:23.086Z","repository":{"id":125929462,"uuid":"149069908","full_name":"virena-app/virena","owner":"virena-app","description":"A React-Native navigation prototyping tool on the desktop.","archived":true,"fork":false,"pushed_at":"2019-02-24T17:12:21.000Z","size":46298,"stargazers_count":58,"open_issues_count":1,"forks_count":5,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-09-28T18:42:43.684Z","etag":null,"topics":["desktop-application","developer-tools","electron","front-end-developer-tool","prototyping-tool","react-native","react-native-app","react-native-navigation","react-navigation"],"latest_commit_sha":null,"homepage":"http://virena.io","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/virena-app.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,"governance":null}},"created_at":"2018-09-17T04:43:57.000Z","updated_at":"2023-06-27T09:04:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"ff7162f6-5377-4db4-b860-86898efbf576","html_url":"https://github.com/virena-app/virena","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virena-app%2Fvirena","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virena-app%2Fvirena/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virena-app%2Fvirena/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/virena-app%2Fvirena/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/virena-app","download_url":"https://codeload.github.com/virena-app/virena/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234929165,"owners_count":18908885,"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":["desktop-application","developer-tools","electron","front-end-developer-tool","prototyping-tool","react-native","react-native-app","react-native-navigation","react-navigation"],"created_at":"2024-09-27T18:42:57.636Z","updated_at":"2025-10-02T03:30:20.614Z","avatar_url":"https://github.com/virena-app.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003ca href=\"#\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/virena-app/virena/master/assets/readme-logo.png\" alt=\"Logo Here\" width=\"200\"\u003e\u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/h1\u003e\n\n## \u003cstrong\u003eVirena\u003c/strong\u003e [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n\u003ch4 align=\"center\"\u003eA simple and easy-to-use prototyping tool. Create your React Native Navigation in minutes!\n\u003cbr\u003e\n Built on top of \u003ca href=\"http://electron.atom.io\" target=\"_blank\"\u003eElectron\u003c/a\u003e.\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#key-features\"\u003eKey Features\u003c/a\u003e •\n  \u003ca href=\"#how-to-use\"\u003eHow To Use\u003c/a\u003e •\n  \u003ca href=\"#download\"\u003eDownload\u003c/a\u003e •\n  \u003ca href=\"#credits\"\u003eCredits\u003c/a\u003e •\n  \u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n## \u003cstrong\u003eKey Features\u003c/strong\u003e \n***\n* Drag-And-Drop Tree Structure\n  - Build out your navigation in a way that is extremely easy to think about.\n* Live Preview - Make changes, See changes\n  - Instantly see what your navigation structure looks like in a phone simulator before you export.\n* Login and Save Projects\n  - Securely login with your Github or Gmail account to save projects for later.\n* Export Project Files\n  - Have a project instantly created for you when you place it at the root of a Create-React-Native scaffolding.\n* Cross platform\n  - Windows, MacOS and Linux ready.\n\n\n\n## \u003cstrong\u003eHow To Use\u003c/strong\u003e\n***\n\n* STEP 1: INSTALL DEPENDENCIES\n  - Virena uses the React Navigation library to build out a navigation structure.\n  (https://reactnavigation.org/en/)  \u003cbr\u003e\n  Before getting started, you must npm/yarn install it as a dependency in your own project.\n\n  ```bash\n  npm install --save react-navigation\n\n  # or with yarn\n  # yarn add react-navigation\n  ```\n\n* Step 2: ADD YOUR ENTRY POINT\n  - Add a root navigational component by submitting the required information (name and type) in the top right options panel. The root component serves as the entry point into your React Native app.\n\n\u003cimg src=\"https://github.com/virena-app/virena/blob/master/assets/AddingScreens.gif\"/\u003e\n\n* Step 3: ADD CHILDREN\n  - Follow similar steps as above to add children. You can nest navigational components within navigational components, or add components of the type \"Simple Screen\" which are the presentational components for your app. It is important to note that presentational components / \"Simple Screens\" cannot have children--only navigators can have children. In addition, all navigators must have at least ONE child.\n  \n\u003cimg src=\"https://github.com/virena-app/virena/blob/master/assets/exportfiles.gif\"/\u003e\n\n* Step 4: EXPORT / SAVE / LOAD FILES\n  - When you are done with your session, you can either 1) Save your project for later or 2) Export the files for immediate use in your project. In order to save, simply click the \"Save Project\" button in the top nav menu. You can then log out and come back to it later by clicking the \"Load Project\" button adjacent to it. Simple enough! In order to export, simply click the blue \"Export\" button in the bottom region of the right panel and specify where you want it exported. Our application generates templates with the assumption that you will be exporting everything at the same directory level. The contents of the export include a \"navigation.js\" file--essentially the code manifest detailing the layout of your navigation structure--as well as files which define your presentational components (components of type \"Simple Screen\" in our app).\n\n\n\n## \u003cstrong\u003eDownload\u003c/strong\u003e\n***\nDownload the latest installable version of Virena for [MacOS](https://github.com/virena-app/virena/releases/download/v0.5.0/virena-0.5.0.dmg), [Windows](https://github.com/virena-app/virena/releases/download/v0.5.0/virena.Setup.0.5.0.exe), and [Linux](https://github.com/virena-app/virena/releases/download/v0.5.0/virena_0.5.0_amd64.deb).\n* For Mac Users ONLY: As of right now, you may need to grant permission to allow the app to run your system as we do not have an Apple license.\n\n## \u003cstrong\u003eAuthors\u003c/strong\u003e\n***\n[Sam Hickey](https://linkedin.com/in/) [@samaugust](https://github.com/samaugust)\n\n[Daniel Matuszak](https://linkedin.com/in/) [@daniel-matuszak](https://github.com/daniel-matuszak)\n\n[Jacky Chan](https://linkedin.com/in/) [@jcisbroke](https://github.com/jcisbroke)\n\n[Gerret Kubota](https://linkedin.com/in/gerretkubota) [@gerretkubota](https://github.com/gerretkubota)\n\n\n\n## \u003cstrong\u003eCredits\u003c/strong\u003e\n***\nThis software uses following open source packages.\n\n- [React](https://reactjs.org)\n- [Redux](https://reduxjs.org)\n- [React-Native](https://facebook.github.io/react-native/)\n- [React Sortable Tree](https://github.com/mikcaweb/react-sortable-tree)\n- [Electron](http://electron.atom.io/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvirena-app%2Fvirena","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvirena-app%2Fvirena","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvirena-app%2Fvirena/lists"}