{"id":15386694,"url":"https://github.com/coderitual/jtop","last_synced_at":"2025-04-15T16:56:16.388Z","repository":{"id":21729234,"uuid":"25050928","full_name":"coderitual/jtop","owner":"coderitual","description":"SVG virtual desktop library that lets you build beautiful desktop like user interfaces. ","archived":false,"fork":false,"pushed_at":"2018-06-20T11:47:55.000Z","size":17070,"stargazers_count":113,"open_issues_count":0,"forks_count":15,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-28T22:41:46.676Z","etag":null,"topics":["animation","css","desktop","effects","html","javascript","library","svg","ui","ux"],"latest_commit_sha":null,"homepage":"http://coderitual.github.io/jtop/","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/coderitual.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":"2014-10-10T19:57:44.000Z","updated_at":"2024-11-19T08:23:08.000Z","dependencies_parsed_at":"2022-08-17T17:20:20.220Z","dependency_job_id":null,"html_url":"https://github.com/coderitual/jtop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderitual%2Fjtop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderitual%2Fjtop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderitual%2Fjtop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderitual%2Fjtop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coderitual","download_url":"https://codeload.github.com/coderitual/jtop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249116056,"owners_count":21215140,"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":["animation","css","desktop","effects","html","javascript","library","svg","ui","ux"],"created_at":"2024-10-01T14:50:12.445Z","updated_at":"2025-04-15T16:56:16.372Z","avatar_url":"https://github.com/coderitual.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jtop\n\nBuilld beautiful UI similar to real desktop.\n\n![Demo](docs/hero.png)\n\n## Getting Started\n\nSee the **[live version](http://coderitual.github.io/jtop/ \"jtop\")**.\n\n## Features\n- ✊ **Drag \u0026 drop** for desktop elements\n- 📦 **Basic elements**  included: `Icon`, `Panel`, `Tooltip`, `Menu`\n- 📝 **SVG Text** with drop shadow and ellispis\n- ✏️ **Inline** text editing (Panels)\n- ↕️ **Resizable** elements\n\n### Example\n\n```js\nconst desktop = jtop.init('jtop', {\n  scrollView: {\n    initY: 25\n  }\n});\n\nconst tooltop = desktop.tooltip({\n  offsetLeft: 30,\n  offsetTop: -120\n});\n\nconst menu = jtop.popupmenu().addMenuElement(\n  'open project',\n  null,\n  sender =\u003e {\n    console.log(`open project ${sender.title}`);\n  },\n  'edit-item'\n);\n\nconst icon = desktop\n  .icon({ title: 'Icon', image: 'test/images/db.png', gridX: 1, gridY: 1 })\n  .menu(cMenuProject)\n  .tooltip(iconTooltip);\n\n```\n\nFor more, visit the example page inside `test` directory and look into `main.js`.\n\n## Built With\n\n* [SVG](https://developer.mozilla.org/pl/docs/Web/SVG) - Custom graphics and effects\n* [require.js](http://requirejs.org/) - Module Loader\n* [js-signals](http://millermedeiros.github.io/js-signals/) - Pub/Sub system\n* [underscore.js](https://underscorejs.org/) - Functional programming helpers\n\n## Authors\n\n* **Mike Skowronek** - *Initial work* - [coderitual](https://twitter.com/coderitual)\n\n## License\n\nJtop is available under the MIT license. See the [LICENSE](LICENSE) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderitual%2Fjtop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoderitual%2Fjtop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderitual%2Fjtop/lists"}