{"id":22485395,"url":"https://github.com/lecoueyl/mijin","last_synced_at":"2025-06-22T08:01:48.661Z","repository":{"id":45059169,"uuid":"332155113","full_name":"lecoueyl/mijin","owner":"lecoueyl","description":"Tailwind CSS UI components build for Vue.js / Nuxt.js","archived":false,"fork":false,"pushed_at":"2022-05-24T13:18:56.000Z","size":3937,"stargazers_count":202,"open_issues_count":4,"forks_count":16,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-20T16:57:44.781Z","etag":null,"topics":["component-library","nuxt","tailwindcss","ui-components","ui-kit","ui-library","vue"],"latest_commit_sha":null,"homepage":"https://lecoueyl.github.io/mijin.web","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/lecoueyl.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":"2021-01-23T07:41:57.000Z","updated_at":"2025-04-18T19:44:59.000Z","dependencies_parsed_at":"2022-09-06T15:52:20.163Z","dependency_job_id":null,"html_url":"https://github.com/lecoueyl/mijin","commit_stats":null,"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"purl":"pkg:github/lecoueyl/mijin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecoueyl%2Fmijin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecoueyl%2Fmijin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecoueyl%2Fmijin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecoueyl%2Fmijin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lecoueyl","download_url":"https://codeload.github.com/lecoueyl/mijin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecoueyl%2Fmijin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261222631,"owners_count":23126898,"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":["component-library","nuxt","tailwindcss","ui-components","ui-kit","ui-library","vue"],"created_at":"2024-12-06T17:12:31.457Z","updated_at":"2025-06-22T08:01:43.589Z","avatar_url":"https://github.com/lecoueyl.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Frameworks [🔝](#readme)","Components \u0026 Libraries"],"sub_categories":["Frameworks"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"mijin-logo\" height=\"70\" alt=\"mijin logo\" src=\"https://user-images.githubusercontent.com/8327054/105704502-3ff65f80-5f52-11eb-8862-57ea49668516.png\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/mijin\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/mijin.svg?sanitize=true\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/mijin\"\u003e\u003cimg src=\"https://img.shields.io/npm/dt/mijin.svg?sanitize=true\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/mijin\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/vue.svg?sanitize=true\" alt=\"License\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://codecov.io/github/lecoueyl/mijin\"\u003e\u003cimg src=\"https://img.shields.io/codecov/c/github/lecoueyl/mijin.svg?sanitize=true\" alt=\"Coverage Status\"\u003e\u003c/a\u003e\n  \u003cimg src=\"https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg\" alt=\"semantic-release\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# mijin\n\n\u003e [Tailwind CSS](https://tailwindcss.com) UI components build for [Vue.js](https://vuejs.org) 2.x / [Nuxt.js](https://nuxtjs.org) 2.x\n\n- [📖 Documentation](https://lecoueyl.github.io/mijin.web/docs)\n\n## Features\n\n- 💅 Component style relying uniquely on Tailwind CSS presets classes\n- 📱 Responsive\n- 🌗 Support dark and light mode\n- 🕵️ No dependencies\n\n## Getting Started\n\n\u003e [tailwindcss](https://tailwindcss.com) version \u003e= 2.0 must be already present in your application\n\n1. Add `mijin` dependency to your project\n\n```bash\n# using npm\nnpm install mijin tailwindcss --save-dev\n# using yarn\nyarn add mijin tailwindcss --dev\n```\n\n2. Add mijin Tailwind CSS preset `tailwind-preset.js` to your Tailwind CSS configuration file `tailwind.config.js`\n\n```javascript\n// tailwind.config.js\nconst mijin = require('mijin/dist/tailwind-preset.js');\n\nmodule.exports = {\n  // load mijin presets\n  presets: [\n    mijin,\n  ],\n  // allow PurgeCSS to analyze mijin components\n  purge: {\n    content: [\n      'node_modules/mijin/src/components/**/*.vue',\n    ],\n  },\n};\n```\n\n3. Load the plugin in your vue application\n\n### Vue.js\n\n```javascript\nimport Vue from 'vue'\nimport Mijin from 'mijin'\n\nVue.use(Mijin)\n\n// or load specific components\n\nimport {\n  Button\n  Input,\n  // ...\n} from 'mijin'\n\nVue.component('MjButton', Button)\nVue.component('MjInput', Select)\n```\n\n### Nuxt.js\n\nAdd `mijin.js` file to your `plugins` directory\n\n```javascript\n// plugins/mijin.js\nimport Vue from 'vue';\n\nVue.use(Mijin)\n```\n\nLoad the plugin from `nuxt.config.js`\n\n```javascript\n// nuxt.config.js\n...\n  plugins: [\n    '~/plugins/mijin.js',\n  ],\n...\n```\n\n[📖 \u0026nbsp;Read more](https://lecoueyl.github.io/mijin.web/docs/general/getting-started/)\n\n## Support\n\n### Bug report\n\nIf you see an error message or run into an issue, please create a bug report, this effort is valued and it will help everybody.\n\n[**Create bug report**](https://github.com/lecoueyl/mijin/issues/new?assignees=\u0026labels=bug\u0026template=bug_report.md\u0026title=)\n\n### Feature request\n\nIf you're missing a component or want to add a new feature, please submit a request.\nIf a similar feature request already exists, don't forget to leave a \"+1\". Adding some information about the feature will be embraced warmly.\n\n[**Submit feature request**](https://github.com/lecoueyl/mijin/issues/new?assignees=\u0026labels=enhancement\u0026template=feature_request.md\u0026title=)\n\n# Contributing\n\nMijin is an open source project. We are committed to a fully transparent development process and highly appreciate any contributions. Whether you are helping us fix bugs, proposing new features, improving our documentation or spreading the word - we would love to have you as part of the community.\n\nPlease refer to our [contribution guidelines](./CONTRIBUTING.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flecoueyl%2Fmijin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flecoueyl%2Fmijin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flecoueyl%2Fmijin/lists"}