{"id":15018862,"url":"https://github.com/prestashop/prestashop-ui-kit","last_synced_at":"2025-04-08T16:06:30.308Z","repository":{"id":3798578,"uuid":"48801910","full_name":"PrestaShop/prestashop-ui-kit","owner":"PrestaShop","description":"UI kit for PrestaShop Backoffice - A collection of styled components, based on Bootstrap 4","archived":false,"fork":false,"pushed_at":"2024-10-11T13:47:24.000Z","size":58201,"stargazers_count":47,"open_issues_count":21,"forks_count":29,"subscribers_count":31,"default_branch":"develop","last_synced_at":"2025-04-08T16:06:17.331Z","etag":null,"topics":["hacktoberfest","prestashop","prestashop-ui-kit","ui-kit"],"latest_commit_sha":null,"homepage":"","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/PrestaShop.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":"2015-12-30T13:29:15.000Z","updated_at":"2024-10-25T19:38:37.000Z","dependencies_parsed_at":"2024-12-02T00:30:29.257Z","dependency_job_id":null,"html_url":"https://github.com/PrestaShop/prestashop-ui-kit","commit_stats":{"total_commits":762,"total_committers":29,"mean_commits":"26.275862068965516","dds":0.6351706036745407,"last_synced_commit":"1c255d96d79c69e2d3e0dd1712f76379941c06bb"},"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrestaShop%2Fprestashop-ui-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrestaShop%2Fprestashop-ui-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrestaShop%2Fprestashop-ui-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrestaShop%2Fprestashop-ui-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PrestaShop","download_url":"https://codeload.github.com/PrestaShop/prestashop-ui-kit/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247878022,"owners_count":21011158,"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":["hacktoberfest","prestashop","prestashop-ui-kit","ui-kit"],"created_at":"2024-09-24T19:52:33.065Z","updated_at":"2025-04-08T16:06:30.289Z","avatar_url":"https://github.com/PrestaShop.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PrestaShop UI Kit\n\nUI Kit integration for PrestaShop – Based on Bootstrap 4.\n\n**[prestashop-ui-kit](http://build.prestashop.com/prestashop-ui-kit/)**\n\n## Installation\n\n\u003e Note: If you use PrestaShop, there's no need to install – the UI kit is already installed in PrestaShop.\n\nYou can install the UI kit on your project, independently from PrestaShop, using NPM.\n\n```\nnpm install --save-dev prestakit\n```\n\nOr use it directly through our CDN:\n\n```\n[...]\n\u003clink href=\"https://ui-kit.prestashop.com/backoffice/latest/css/bootstrap-prestashop-ui-kit.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https://ui-kit.prestashop.com/backoffice/latest/js/prestashop-ui-kit.js\"\u003e\u003c/script\u003e\n[...]\n```\n\n### Get Started\n\nInclude the dependencies: jQuery and Bootstrap PrestaShop UI Kit + Javascript.\n\n```\n[...]\n\u003clink href=\"dist/css/bootstrap-prestashop-ui-kit.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"dist/js/prestashop-ui-kit.js\"\u003e\u003c/script\u003e\n[...]\n```\n\nGithub dev Dependencies\n\n**[pstagger](https://github.com/PrestaShop/pstagger)**\n\n## Contributing / Improving the UI Kit\n\nContributions are welcome!\n\nYou can check out an example of most of the included controls [in this page](/index.html). Check out a [live example here](https://cdn.rawgit.com/PrestaShop/prestashop-ui-kit/master/index.html).\n\n## Developing with PrestaShop\n\nYou can develop on your local copy of the UI kit and see how the changes work on PrestaShop.\nAssuming you already have a local copy of PrestaShop and of the UI kit installed on your computer (each on its own directory), here's what you need to do.\n\nOpen up `admin-dev/themes/new-theme/package.json` of your PrestaShop install, and look for \"prestakit\"\n\n```js\n{\n  // ...\n  prestakit: \"1.2.3\";\n  // ...\n}\n```\n\nChange the version so it looks like this:\n\n```js\n{\n  prestakit: \"/path/to/your/local/ui-kit\";\n}\n```\n\nGo back to to your UI kit folder and run\n\n```bash\nnpm run watch\n```\n\nIn another console, go to `admin-dev/themes/new-theme/` of your PrestaShop install, and run:\n\n```bash\nnpm install \u0026\u0026 npm run watch\n```\n\nIf you keep both instances of NPM running, all your changes in the UI kit will be built automatically, as will your PrestaShop assets.\n\n## About PrestaShop\n\nPrestaShop is a free and Open Source e-commerce web application written in PHP, committed to providing the best shopping cart experience for both merchants and customers. [Learn more about PrestaShop](https://www.prestashop-project.org)\n\n## License\n\nThis UI Kit is released under the [OSL-3.0 License](https://opensource.org/licenses/OSL-3.0).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprestashop%2Fprestashop-ui-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprestashop%2Fprestashop-ui-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprestashop%2Fprestashop-ui-kit/lists"}