{"id":18429385,"url":"https://github.com/lionbytes/sculprit","last_synced_at":"2026-01-23T00:56:35.696Z","repository":{"id":227236419,"uuid":"439841577","full_name":"lionbytes/sculprit","owner":"lionbytes","description":"A JavaScript online visual DOM-editing tool","archived":false,"fork":false,"pushed_at":"2024-06-06T19:29:20.000Z","size":301,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-16T08:43:06.111Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://sculprit.com/app.html","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lionbytes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2021-12-19T11:08:14.000Z","updated_at":"2024-07-23T09:47:55.000Z","dependencies_parsed_at":"2024-12-24T20:41:21.472Z","dependency_job_id":"a5532495-4cdf-4af4-8e36-c32e63ffd9a5","html_url":"https://github.com/lionbytes/sculprit","commit_stats":null,"previous_names":["lionbytes/sculprit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lionbytes%2Fsculprit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lionbytes%2Fsculprit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lionbytes%2Fsculprit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lionbytes%2Fsculprit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lionbytes","download_url":"https://codeload.github.com/lionbytes/sculprit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248788868,"owners_count":21161726,"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":[],"created_at":"2024-11-06T05:16:53.620Z","updated_at":"2026-01-23T00:56:35.690Z","avatar_url":"https://github.com/lionbytes.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sculprit / Chisel Down  \nDestruction is much faster than construction, a universal rule you can rely on to design a web interface in the browser. Using Sculprit, you can use destruction to your advantage and construct something beneficial. You are enabled to swiftly knock down things you don't need from the code chunk, move things around, till you reach the build you seek. Just like in real-life sculpturing, you'll start with one big block of elements and components, some you want, some you don't. Chisel that block down to a purposeful block of hand-picked UI elements, and put it to good use. Sculprit is light and made with pure JavaScript.\n \n### Layout Controls Stage\n  - ~~Sticky toolbar~~\n  - ~~Distribute code to CSS, JS, HTML and JSON files~~\n  - ~~Edit              Double click~~\n  - ~~Redo              Shift + RClick (canceled)~~\n  - ~~Direction RTL/LTR~~\n  - ~~Expanded Mode (keyboard) – allows you to see overlapping elements~~\n  - ~~Lay proper foundation for mouse and keyboard controls and how they should cascade~~\n  - ~~Click again deselects~~\n  - ~~Copy Code to Clipboard (keyboard)~~\n  - ~~Paste Code from Clipboard (keyboard)~~\n  - Navigate (URDL): \n    - Nudge\t\t                URDL\n    - Select sibling         URDL\n    - Select parent/child    Shift + URDL\n    - Move selected element  Ctrl + URDL \n    - Exit selected parent   Ctrl + Shift + URDL \n  - Resize (Alt+URDL):\n    - Column Resize          Alt + R/L\n    - Element Resize         Alt + U/D (Text, Buttons, Input, etc.)\n    - Resize Width %         Alt + Ctrl + R/L\n    - Resize Height %        Alt + Ctrl + U/D\n  - Spacing\n    - Margin                 Ctrl + URDL\n    - Margin Inv.            Ctrl + Shift + URDL\n    - Padding                Alt + URDL\n    - Padding Inv.           Alt + Shift + URDL\n\n  - Flex (WASD)\n    - Margin                 Ctrl + WASD\n    - Margin Inv.            Ctrl + Shift + WASD\n    - Padding                Alt + WASD\n    - Padding Inv.           Alt + Shift + WASD\n\n  - Edits \n    - Edit ID                  Shift + Alt + DblClick\n    - Edit Classes             Ctrl + F2     \n    - Edit ID                  Shift + F2\n\n  - Viewport Cycle input\n  - Locator always showing hovered element\n  - Highlight element and show locator only when Ctrl/Alt/Shift pressed\n  - Clear residual classes after undoing whe removing an item from DOM\n\n### Foundation Stage\n  - ~~Decide on name, purchase domain name, work on preliminary branding~~\n  - ~~Delete            Alt + Click~~\n  - ~~Select            Ctrl + Click~~\n  - ~~Deselect          Escape~~\n  - ~~Undo              RClick,         Ctrl + Z~~\n  - ~~Redo              Ctrl + Y~~\n  - ~~Cut               Ctrl + Mid-Click~~\n  - ~~Copy              Shift + Mid-Click~~\n  - ~~Paste             Mid-Click~~\n  - ~~Move Up DOM       A, Arrow Left,~~\n  - ~~Move Down DOM     D, Arrow Right,~~\n  - ~~Move Over         A, Arrow Left,~~\n  - ~~Move Under        D, Arrow Right,~~\n  - ~~Exit Parent Up    W, Arrow Up~~\n  - ~~Exit Parent Down  S, Arrow Down~~\n  - ~~Paste clipboard into experiment area~~\n  - ~~Save button saves the current file into a new HTML file with a specified name~~\n  - ~~Decide on final controls~~\n  - ~~Cut code into clipboard~~\n  - ~~Skip Elements Up and Down~~\n  - ~~Expanded Mode – allows you to see overlapping elements~~\n  - ~~Use tooltips to show an element's ID and class~~\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flionbytes%2Fsculprit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flionbytes%2Fsculprit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flionbytes%2Fsculprit/lists"}