{"id":24955109,"url":"https://github.com/jrie/relayx2","last_synced_at":"2025-03-28T20:14:21.540Z","repository":{"id":45185896,"uuid":"368599096","full_name":"jrie/ReLayX2","owner":"jrie","description":"A (web)designer layout tool with a twist","archived":false,"fork":false,"pushed_at":"2022-06-11T00:43:11.000Z","size":625,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-03T05:28:34.853Z","etag":null,"topics":["design","layout","website","website-design"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jrie.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-05-18T16:32:26.000Z","updated_at":"2023-10-30T09:43:44.000Z","dependencies_parsed_at":"2022-09-17T04:00:20.915Z","dependency_job_id":null,"html_url":"https://github.com/jrie/ReLayX2","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrie%2FReLayX2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrie%2FReLayX2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrie%2FReLayX2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrie%2FReLayX2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jrie","download_url":"https://codeload.github.com/jrie/ReLayX2/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246093184,"owners_count":20722402,"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":["design","layout","website","website-design"],"created_at":"2025-02-03T05:24:11.538Z","updated_at":"2025-03-28T20:14:21.520Z","avatar_url":"https://github.com/jrie.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReLayX2\nA (web)designer layout tool with a twist\n\nThis project is based on \"ReLayX\" which was initially written for fun of Javascript, which is archived for references.\n\n**ReLayX2** is ported to work on the desktop using *Electron* but also in *common browsers* and is an improved version of the existing old version.\n\n### Installation and usage\n#### Browser Version\nClone or download the repository and open **index.html**.\n\n#### Windows and Linux\nOpen the releases here: https://github.com/jrie/ReLayX2/releases/latest  \nUse and download either the `ia32` for 32 bit, `x64` exe files for 64 bit on Windows or for example the`i386.deb` for 32bit Linux Debian Package.\nOn Linux you also can make use of the `.AppImage` without any installation.\n\n#### Using a development environment with Electron\nIf you just downloaded or clonend the repository you have to have `npm` *(NodePackageManager)* installed. After that run `npm install` in the ReLayX2 folder and after that run using `npm start`. This is mainly for the dev part.\n\n#### Build yourself\nTo build the package yourself run `npm install` from the root folder. Then run `npm run dist` to build all packages - Windows and Linux only at this moment!\n\n### Usage help and shortcuts\n\n`[I]` Toggles this help on/off\n\n`[G]` key toggles the grid on an off, `[Shift + G]` toggles custom designs\n\n`[D]` toogles row / column highlighting / `[Shift + D]` toggles browser scroll grid on/off\n\n`[Control]` cancels ongoing action or when grouping/ungrouping items\n\n`[Shift]` snaps to grid when drawing selection, moving an item (click and drag) and mirroring and also when resizing\n\n`[Shift + I]` Toggles image display on and off\n\n`[Left click and drag movement]` Moves a single item or a single item of a group\n\n`[Y / Z]` Move mode on/off switch, moves a element or group if grouped, can be used with snapping\n\n`[Del]` Deletes a single element or a grouped element\n\n`[T]` Toggles container visibility on or off - use with images!\n\n`[C]` create a copy of a single item selection\n\n`[V]` pastes the copy at cursor location, snapping is possible\n\n`[Spacebar]` Mirror mode\n\nBy default uses distance from grid start to cursor for mirroring\nThis can be changed by pressing `[W]` or `[Q]` for each axis independently\n\n`[X]` Toggles mirror mode horizontally or vertically\n\n`[Q / W]` decrease / increase mirror grid spacing on selected axis - used with `[Space]` and `[X]`\n\n`[E]` zeros/erases the grid spacing values for both mirroring axis\n\n`[+ or -]` Increase or decrase the border on a single item or a group of items\n\n`[Shift + Arrow up, down, left or right]` Moves the current selected container up, down, left or right\n\n`[1 to 9]` - Loads the design from slot 1 to 9, `[Shift + 1 ... 9]` saves a design to slot 1 to 9\n\n`[Shift + Backspace]` Clears all saved data (this is browser only!)\n\n`[L]` Create or rename a labeled item if selected. If nothing is selected, turns label rendering on or off.\n\n### Image import\n\nSupported image types are: *gif*, *jpg*, *png* and *webp*.  \n\nImages can be imported by using drag an drop. In order to import a image: Either select a container where the image should become placed and drag and drop the desired image into the window **or** if no container is selected the image, respected it original widht and height, is placed at the mouse cursor position.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjrie%2Frelayx2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjrie%2Frelayx2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjrie%2Frelayx2/lists"}