{"id":13881073,"url":"https://github.com/flavorly/vanilla-components","last_synced_at":"2025-05-15T13:08:56.293Z","repository":{"id":42366548,"uuid":"421773525","full_name":"flavorly/vanilla-components","owner":"flavorly","description":"A lightweight, flexible \u0026 customizable UI library for Vue 3, styled with Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2024-11-27T23:06:04.000Z","size":10998,"stargazers_count":267,"open_issues_count":8,"forks_count":17,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-15T03:53:47.928Z","etag":null,"topics":["components","components-library","tailwind","tailwindcss","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"https://vanilla-components.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/flavorly.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2021-10-27T10:29:06.000Z","updated_at":"2025-04-11T02:25:15.000Z","dependencies_parsed_at":"2022-09-02T20:41:36.357Z","dependency_job_id":"bde2ddd5-de92-436c-867f-8ec48db67e88","html_url":"https://github.com/flavorly/vanilla-components","commit_stats":{"total_commits":560,"total_committers":12,"mean_commits":"46.666666666666664","dds":"0.42500000000000004","last_synced_commit":"f5c8d461acb63e19fc9b8e244599782bd4f2e721"},"previous_names":[],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flavorly%2Fvanilla-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flavorly%2Fvanilla-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flavorly%2Fvanilla-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flavorly%2Fvanilla-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flavorly","download_url":"https://codeload.github.com/flavorly/vanilla-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254346625,"owners_count":22055808,"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","components-library","tailwind","tailwindcss","typescript","vue","vue3"],"created_at":"2024-08-06T08:03:58.761Z","updated_at":"2025-05-15T13:08:51.276Z","avatar_url":"https://github.com/flavorly.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"/documentation/src/public/symbol-gradient.svg\" height=\"150\"\u003e\n\u003c/p\u003e\n\n\n\u003ch1 align=\"center\"\u003e\nVanilla Components\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\nA lightweight, flexible \u0026 customizable ui library for Vue 3\n\u003cp\u003e\n  \n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://vanilla-components.com\"\u003eDocumentation\u003c/a\u003e | \u003ca href=\"https://vanilla-components.com/guide/quick-start.html\"\u003eGetting Started\u003c/a\u003e | \u003ca href=\"https://vanilla-components.com/guide/introduction.html\"\u003eWhy Vanilla Components?\u003c/a\u003e\n\u003c/p\u003e\n\n## Main Features ✨\n\n- 🧪 **DX Focused** - Write less code \u0026 build faster\n- 🛠 **Totally Configurable** - All components \u0026 props are fully customizable via a simple configuration file\n- 🚦 **Variants Concept** - Create multiple variants of the same components. Ex: Error, Success, etc.\n- 🍃 **Tailwind First** - Comes with a sane styling using Tailwind CSS Defaults\n- 🦾 **Vue + TypeScript** - Vue 3 setup + Typescript\n- 🟢 **Vue 3 Ready** - Vue 3\n- 🌳 **Tree Shakable** - Import only the components that you need without worry about the size\n- ✋ **ZERO css included** - Everything is configurable, means there is no CSS's to include at all\n- 🌜 **Dark/White** - Pixel Perfect design with Dark \u0026 White mode included\n- 🔌 **SSR Ready** - Built with SSR in mind\n\n# Installation\n\nGet started by installing the peer dependencies than, move on installing the package\n\nVisit the [Documentation](https://vanilla-components.com/guide/quick-start.html) for more information.\n\nImport the components as needed with the following:\n\n```vue\nimport { Button } from '@flavorly/vanilla-components'\n```\n\n## Local \u0026 Documentation\n\nFor preview \u0026 Local testing please run the following on the root of the project.\nAfter the commands you should have a local vite server up \u0026 running.\n\n```bash\npnpm install\npnpm -r build\npnpm docs:dev\n```\n\nTo start fresh, simply run the following commands\n\n```bash\npnpm clean\npnpm install\npnpm -r build\npnpm docs:dev\n```\n\n### Lunr ( Algolia Alternative )\n\nLunr replaces the default Vitepress Algolia Search\nTo get the project index correctly do the following:\n\n```\npnpm docs:index:build\n```\n\n## Credits\n\nThanks to: \n- [VariantJS](https://github.com/variantjs/vue) - Base Inspiration \u0026 Code - Thanks to Alfonsobries\n- [VueUse](https://github.com/vueuse/vueuse) - How we could we not credit this?\n- [RobertBoes](https://github.com/RobertBoes) - For all the time helping with Troubleshooting\n- [Enzo Innocenzi](https://github.com/innocenzi) - For the inspiration \u0026 help!\n- All my friends, that could stay online while i was whispering all day long! \n\n## Contribution\n\nSee [Contributing Guide](./CONTRIBUTING.md).\n\n## License\n\n[MIT](./LICENSE) License © 2021-Present [Pedro Martins](https://github.com/flavorly)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflavorly%2Fvanilla-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflavorly%2Fvanilla-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflavorly%2Fvanilla-components/lists"}