{"id":20810454,"url":"https://github.com/quiqqer/qui","last_synced_at":"2025-05-07T08:42:31.610Z","repository":{"id":142650327,"uuid":"121527915","full_name":"QUIQQER/qui","owner":"QUIQQER","description":"QUIQQER-UI is a modular user interface component framework written in JavaScript","archived":false,"fork":false,"pushed_at":"2025-02-07T12:08:37.000Z","size":5417,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T08:12:47.690Z","etag":null,"topics":["javasc","mootools","ui","ui-components"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QUIQQER.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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":"2018-02-14T15:40:27.000Z","updated_at":"2024-11-21T07:54:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"62fabf27-3b66-4563-a9c9-053acfb07bb2","html_url":"https://github.com/QUIQQER/qui","commit_stats":null,"previous_names":[],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QUIQQER%2Fqui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QUIQQER%2Fqui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QUIQQER%2Fqui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QUIQQER%2Fqui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QUIQQER","download_url":"https://codeload.github.com/QUIQQER/qui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252845433,"owners_count":21813237,"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":["javasc","mootools","ui","ui-components"],"created_at":"2024-11-17T20:24:45.007Z","updated_at":"2025-05-07T08:42:31.599Z","avatar_url":"https://github.com/QUIQQER.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# QUI\n\nCopyright www.pcsg.de\n\nwww.pcsg.de\nwww.quiqqer.com\n\nLicence MIT\n\n\n\n## About QUIQQER\n\nQUIQQER-UI is a modular user interface component framework written in JavaScript from www.pcsg.de\n\nIf you search a documentation, please look at http://doc.quiqqer.com/qui/doc/.\nQUIQQER-UI or QUI are mainly used at QUIQQER\n\n\n\n## Installation\n\n### Installation via composer\n\nPlease add to your *composer.json*\n\n```javascript\n{\n    \"require\" : {\n        \"quiqqer/qui\" : \"dev-dev\"\n    },\n\n    \"repositories\": [{\n        \"type\": \"composer\",\n        \"url\": \"http://update.quiqqer.com/\"\n    }]\n}\n```\n\n```bash\nphp composer.phar install\n```\n\nIf you dont use MooTools, please place MooTools and moofx before requirejs:\n\n\n``` html\n\u003c!-- mootools --\u003e\n\u003cscript src=\"components/qui/qui/lib/mootools-core.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"components/qui/qui/lib/mootools-more.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"components/qui/qui/lib/moofx.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include require --\u003e\n\u003cscript src=\"components/require-built.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include qui --\u003e\n\u003cscript src=\"components/qui/init.js\" data-main=\"your_start_script.js\"\u003e\u003c/script\u003e\n```\n\n\n### Installation via bower\n\n``` bash\nbower install http://dev.quiqqer.com:3000/quiqqer/qui.git\n```\n\n``` html\n\u003c!-- mootools --\u003e\n\u003cscript src=\"bower_components/qui/qui/lib/mootools-core.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"bower_components/qui/qui/lib/mootools-more.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"bower_components/qui/qui/lib/moofx.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include require --\u003e\n\u003cscript src=\"bower_components/requirejs/require.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include qui --\u003e\n\u003cscript src=\"bower_components/qui/init.js\" data-main=\"test.js\"\u003e\u003c/script\u003e\n```\n\n\n### Installation via nodejs\n\n\n``` bash\nnpm install -S \"git+http://dev.quiqqer.com:3000/quiqqer/qui.git\"\n```\n\n``` html\n\u003c!-- mootools --\u003e\n\u003cscript src=\"node_modules/quiqqer-qui/qui/lib/mootools-core.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"node_modules/quiqqer-qui/qui/lib/mootools-more.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"node_modules/quiqqer-qui/qui/lib/moofx.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include require --\u003e\n\u003cscript src=\"node_modules/quiqqer-qui/qui/lib/requirejs.js\"\u003e\u003c/script\u003e\n\n\u003c!-- include qui --\u003e\n\u003cscript src=\"node_modules/quiqqer-qui/init.js\" data-main=\"test.js\"\u003e\u003c/script\u003e\n```\n\n\n\n\n\n\n## Usage example\n\n```javascript\n\nrequire([\n\n    'qui/controls/buttons/Button'\n\n], function(QUIButton)\n{\n    new QUIButton({\n        text   : 'my button',\n        events :\n        {\n            onClick : function() {\n                alert( 1 );\n            }\n        }\n    }).inject( document.body );\n\n});\n\n```\n\nYou can find some examples at:\nhttp://doc.quiqqer.com/qui/doc/\n\n\n\n\n## Complete example\n\n```html\n\u003c!DOCTYPE HTML\u003e\n\u003chtml\u003e\n    \u003chead\u003e\n    \u003cmeta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"\u003e\n\n    \u003c!-- mootools --\u003e\n    \u003cscript src=\"bower_components/qui/build/qui/lib/mootools-core.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"bower_components/qui/build/qui/lib/mootools-more.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"bower_components/qui/build/qui/lib/moofx.js\"\u003e\u003c/script\u003e\n\n    \u003ctitle\u003eInsert title here\u003c/title\u003e\n\n\u003c/head\u003e\n\u003cbody\u003e\n\n\n    \u003c!-- include require --\u003e\n    \u003cscript src=\"bower_components/requirejs/require.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- include qui --\u003e\n    \u003cscript src=\"bower_components/qui/init.js\" data-main=\"test.js\"\u003e\u003c/script\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n\n\n## Thanks\n\nParts of QUI are free open-source software and not from us.\nWe thank all for the nice work.\n\n- MooTools ( http://mootools.net/ )\n- requirejs ( requirejs.org/ )\n- AMD css! plugin curl.js ( https://github.com/cujojs/curl )\n- QUIQQER / QUI Font: http://fontfabric.com/multicolore-free-fonts/\n\nAn additional thanks to:\n\n- Composer ( http://getcomposer.org )\n- Bower ( http://bower.io )\n- NodeJS ( http://nodejs.org/ )\n\nLast but not least, the QUIQQER UI Idea based on MochaUI.\nWe decided to reimplement MochaUI idea, with AMD definition and create more controls.\n\nThanks for all the nice lines of code.\nIf we forget somebody, please not hesitate and write us an email.\n\nHenning from QUIQQER\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquiqqer%2Fqui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquiqqer%2Fqui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquiqqer%2Fqui/lists"}