{"id":20143903,"url":"https://github.com/fantasyflip/nuxtwind","last_synced_at":"2025-04-09T18:53:44.347Z","repository":{"id":64010000,"uuid":"572042026","full_name":"fantasyflip/nuxtwind","owner":"fantasyflip","description":"Component Library for Nuxt 3 using TailwindCSS","archived":false,"fork":false,"pushed_at":"2024-10-15T15:18:26.000Z","size":2732,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T22:01:37.430Z","etag":null,"topics":["components","library","nuxt","nuxtwind","tailwindcss","vue"],"latest_commit_sha":null,"homepage":"https://nuxtwind.com","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/fantasyflip.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-11-29T12:39:23.000Z","updated_at":"2024-10-15T15:21:28.000Z","dependencies_parsed_at":"2024-04-27T22:28:02.207Z","dependency_job_id":"7809b496-6052-4a4c-a00c-615648081006","html_url":"https://github.com/fantasyflip/nuxtwind","commit_stats":{"total_commits":650,"total_committers":6,"mean_commits":"108.33333333333333","dds":0.5492307692307692,"last_synced_commit":"6cfdb8ac221b1ca2a0d00f34bc7b0193af70488f"},"previous_names":[],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyflip%2Fnuxtwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyflip%2Fnuxtwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyflip%2Fnuxtwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyflip%2Fnuxtwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fantasyflip","download_url":"https://codeload.github.com/fantasyflip/nuxtwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248093666,"owners_count":21046723,"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":["components","library","nuxt","nuxtwind","tailwindcss","vue"],"created_at":"2024-11-13T22:07:26.627Z","updated_at":"2025-04-09T18:53:44.325Z","avatar_url":"https://github.com/fantasyflip.png","language":"Vue","readme":"# NuxtWind Component Library\n\nNuxtWind is a component library for Nuxt.js 3, providing a collection of ready-to-use components built with Vue.js and TailwindCSS. These components are designed to be SSR-safe and are inspired by the sleek design principles of Vuetify.\n\n## 📦 Installation\n\nYou can install NuxtWind via npm:\n\n```bash\nnpm i @nuxtwind/components\n```\n\nAdd the `@nuxtwind/components` module to your `nuxt.config.ts`:\n\n```typescript\nexport default defineNuxtConfig({\n    modules: ['@nuxtwind/components']\n})\n```\n\n## 📚 Documentation\n\nFor full documentation and usage instructions, please visit [NuxtWind Documentation](https://nuxtwind.com).\n\n## ✨ Features\n\n- **Ready-to-use Components**: A variety of components designed for rapid development.\n- **SSR-Safe**: Ensures compatibility with server-side rendering in Nuxt.js applications.\n- **Inspired by Vuetify**: Draws design inspiration from Vuetify's intuitive UI components.\n- **Built with Vue.js and TailwindCSS**: Utilizes the power of Vue.js for interactivity and TailwindCSS for styling flexibility.\n\n## 🚀 Getting Started\n\nTo start using NuxtWind components in your Nuxt.js project, simply install the package via your preferred package manager as shown above. Then you can start incorporating them into your templates.\n\n```vue\n// In your Nuxt.js component\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003cNXW-Button @click=\"handleClick\"\u003eClick me!\u003c/NXW-Button\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript setup lang=\"ts\"\u003e\nfunction handleClick() {\n  console.log('Button clicked!');\n}\n\u003c/script\u003e\n```\n\n## 🤝 Contribution\n\nContributions to NuxtWind are welcome! If you'd like to contribute new features, bug fixes, or improvements, please fork the repository, make your changes, and submit a pull request. Be sure to follow the contribution guidelines outlined in the documentation.\n\n## 📄 License\n\nNuxtWind is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffantasyflip%2Fnuxtwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffantasyflip%2Fnuxtwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffantasyflip%2Fnuxtwind/lists"}