{"id":22490690,"url":"https://github.com/mac-lisowski/zutre","last_synced_at":"2025-08-02T22:33:26.712Z","repository":{"id":39562285,"uuid":"159415772","full_name":"mac-lisowski/zutre","owner":"mac-lisowski","description":"UI components for Vue.js based on Spectre CSS Framework","archived":false,"fork":false,"pushed_at":"2023-01-03T15:27:50.000Z","size":8000,"stargazers_count":38,"open_issues_count":25,"forks_count":4,"subscribers_count":0,"default_branch":"master","last_synced_at":"2024-04-23T23:06:40.421Z","etag":null,"topics":["spectre-css-framework","vue","vue-components","vue-ui","vue-ui-components","vue-zutre","zutre"],"latest_commit_sha":null,"homepage":"https://maclisowski.github.io/zutre","language":"Vue","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/mac-lisowski.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-11-27T23:40:44.000Z","updated_at":"2024-04-23T23:06:40.422Z","dependencies_parsed_at":"2023-02-01T07:01:33.653Z","dependency_job_id":null,"html_url":"https://github.com/mac-lisowski/zutre","commit_stats":null,"previous_names":["maclisowski/zutre"],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mac-lisowski%2Fzutre","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mac-lisowski%2Fzutre/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mac-lisowski%2Fzutre/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mac-lisowski%2Fzutre/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mac-lisowski","download_url":"https://codeload.github.com/mac-lisowski/zutre/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228501423,"owners_count":17930243,"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":["spectre-css-framework","vue","vue-components","vue-ui","vue-ui-components","vue-zutre","zutre"],"created_at":"2024-12-06T17:22:32.143Z","updated_at":"2024-12-06T17:25:38.719Z","avatar_url":"https://github.com/mac-lisowski.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# Zutre [![](https://img.shields.io/npm/v/zutre.svg)](https://www.npmjs.com/package/zutre) [![](https://img.shields.io/github/package-json/v/maclisowski/zutre.svg)](https://github.com/maclisowski/zutre) \n\n\n[![](https://img.shields.io/github/issues/maclisowski/zutre.svg)](https://github.com/maclisowski/zutre/issues) ![](https://img.shields.io/github/languages/top/maclisowski/zutre.svg) [![Known Vulnerabilities](https://snyk.io/test/github/maclisowski/zutre/badge.svg?targetFile=package.json)](https://snyk.io/test/github/maclisowski/zutre?targetFile=package.json) [![GitHub license](https://img.shields.io/github/license/maclisowski/zutre.svg)](https://github.com/maclisowski/zutre/blob/master/LICENSE) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://gitHub.com/maclisowski/zutre/) [![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://twitter.com/maclisowski) [![](https://img.shields.io/npm/dt/zutre.svg)](https://www.npmjs.com/package/zutre) \n\n![](./carbon-sizes.png)\n\n#### NOTE: Project in development, do not use at production\n\n**zutre** is a set of UI components for VueJS based on [Spectre CSS Framework](https://github.com/picturepan2/spectre) with some modifications and provided new features which are not available in Spectre.\n\nDemo and documentation: [https://maclisowski.github.io/zutre/](https://maclisowski.github.io/zutre/)\n\nIf you want to see what is coming next, please see [Changelog](https://github.com/maclisowski/zutre/blob/master/CHANGELOG.md).\n\n\n[![https://nodei.co/npm/zutre.png?downloads=true\u0026downloadRank=true\u0026stars=true](https://nodei.co/npm/zutre.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://www.npmjs.com/package/zutre)\n\n### Installation\n\nIn order to install and use **zutre** in your Vue app, you have to install it through npm: \n\n```bash\nnpm install --save zutre\n```\n\nIn your main js file import **zutre** and use it in your Vue instance  \n\n```js\nimport Vue from 'vue';\nimport Zutre from 'zutre';\n\nVue.use(Zutre);\n```\n\nOnce it is done, you can use **zutre** components in your Vue project. For more informations, components examples and API please see **[documentation](https://maclisowski.github.io/zutre/)**.\n\n### Zutre Components \n* ### Elements\n  * [Tables](https://maclisowski.github.io/zutre/#/elements/table)\n  * [Buttons](https://maclisowski.github.io/zutre/#/elements/buttons)\n  * Forms\n    * [Input](https://maclisowski.github.io/zutre/#/elements/forms)\n    * [Select](https://maclisowski.github.io/zutre/#/elements/forms)\n    * [Radio](https://maclisowski.github.io/zutre/#/elements/forms)\n    * [Switch](https://maclisowski.github.io/zutre/#/elements/forms)\n    * [Checkbox](https://maclisowski.github.io/zutre/#/elements/forms)\n  * [Icons](https://maclisowski.github.io/zutre/#/elements/icons)\n  * [Labels](https://maclisowski.github.io/zutre/#/elements/label)\n  * [Code](https://maclisowski.github.io/zutre/#/elements/code)\n  * [Media](https://maclisowski.github.io/zutre/#/elements/media)\n* ### Layout\n  * [Flexbox grid](https://maclisowski.github.io/zutre/#/layout/flexbox)\n  * [Responsive](https://maclisowski.github.io/zutre/#/layout/responsive)\n  * [Hero](https://maclisowski.github.io/zutre/#/layout/hero)\n  * [Navbar](https://maclisowski.github.io/zutre/#/layout/navbar)\n* ### Components\n  * [Accordions](https://maclisowski.github.io/zutre/#/components/accordions)\n  * [Avatars](https://maclisowski.github.io/zutre/#/components/avatars)\n  * [Badges](https://maclisowski.github.io/zutre/#/components/badges)\n  * [Bars](https://maclisowski.github.io/zutre/#/components/bars)\n  * [Breadcrumbs](https://maclisowski.github.io/zutre/#/components/breadcrumbs)\n  * [Cards](https://maclisowski.github.io/zutre/#/components/cards)\n  * [Chips](https://maclisowski.github.io/zutre/#/components/chips)\n  * [Drawer](https://maclisowski.github.io/zutre/#/components/drawer)\n  * [Empty states](https://maclisowski.github.io/zutre/#/components/empty-states)\n  * [Menu](https://maclisowski.github.io/zutre/#/components/menu)\n  * [Modals](https://maclisowski.github.io/zutre/#/components/modals)\n  * [Nav](https://maclisowski.github.io/zutre/#/components/nav)\n  * [Pagination](https://maclisowski.github.io/zutre/#/components/pagination)\n  * [Panels](https://maclisowski.github.io/zutre/#/components/panels)\n  * [Popovers](https://maclisowski.github.io/zutre/#/components/popovers)\n  * [Snackbar](https://maclisowski.github.io/zutre/#/components/snackbar)\n  * [Steps](https://maclisowski.github.io/zutre/#/components/steps)\n  * [Tabs](https://maclisowski.github.io/zutre/#/components/tabs)\n  * [Tiles](https://maclisowski.github.io/zutre/#/components/tiles)\n  * [Toasts](https://maclisowski.github.io/zutre/#/components/toasts)\n  * [Tooltips](https://maclisowski.github.io/zutre/#/components/tooltips)\n  \n* ### Utilities\n  * [Divider](https://maclisowski.github.io/zutre/#/utilities/divider)\n  * [Link](https://maclisowski.github.io/zutre/#/utilities/link)\n\n---\n\n## Developing\n### Project setup\n```\nnpm install\n```\n\n### Compiles and hot-reloads for development\nRuns dev server with documentation \n```\nnpm run serve\n```\n\n### Compiles and minifies for production\n```\nnpm run build-bundle\n```\n\n### Compiles documentation\n```\nnpm run build-docs\n```\n\n### Run your tests\n```\nnpm run test\n```\n\n### Lints and fixes files\n```\nnpm run lint\n```\n\n### Run your unit tests\n```\nnpm run test:unit\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n\n--- \n\n## Roadmap\n* Release beta version 0.1.3-beta - supporting all features from Spectre CSS Framework\n* Release production version 0.1.3\n* Develop **zutre.css** Framework due lack of support for Spectre\n* Release version 0.1.4-beta - integrate **zutre.css**, drop Spectre \n* Release production ready version 1.0.0\n\n## Contributors\nPlease let me know if you would like to contribute to this project.\n\n\u003ca href=\"https://sourcerer.io/maclisowski\" title=\"Maciej Lisowski\"\u003e\u003cimg src=\"https://sourcerer.io/assets/avatar/maclisowski\" height=\"80px\" width=\"80px\" alt=\"\"/\u003e\u003c/a\u003e\n\n\n## License\n\nThis package is under MIT License (MIT). Please see LICENSE file for more details.\n\nCopyright (c) 2018 Maciej Lisowski\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmac-lisowski%2Fzutre","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmac-lisowski%2Fzutre","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmac-lisowski%2Fzutre/lists"}